javascript - JS getElementsByTagName except the one with a specific class - Stack Overflow

admin管理员组

文章数量:1344941

I have this variable:

var _inputs = document.getElementsByTagName('input');

But I want to make a new variable that will select all inputs, except the inputs that have a specific class like ".nothis".

var _newinputs = document.getElementsByTagName('input') && document.getElementsByClass('!nothis');

I have this variable:

var _inputs = document.getElementsByTagName('input');

But I want to make a new variable that will select all inputs, except the inputs that have a specific class like ".nothis".

var _newinputs = document.getElementsByTagName('input') && document.getElementsByClass('!nothis');

• javascript

Share Improve this question Follow edited May 4, 2019 at 2:09 Cœur 38.8k2626 gold badges205205 silver badges277277 bronze badges asked Aug 19, 2011 at 14:23 Adrian FlorescuAdrian Florescu 4,5021010 gold badges5252 silver badges7777 bronze badges

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 7

document.querySelectorAll('input:not(.nothis)')

Try this code:

var _inputs = Array.prototype.filter.call(
                   document.getElementsByTagName("input"),
                   function(obj) { 
                     return obj.className.split(" ").indexOf("nothis")===-1;
                   });

Try this:

var _inputs = document.getElementsByTagName('input');
var filteredInputs = [];
var re = new RegExp('\\b' + 'nothis' + '\\b');  // or any other class name
for(var i=0; i<_inputs.length;i++) {
    if (!re.test(input.className)) {   // filter out by class name
        filteredInputs.push(_inputs[i]);
    }
}

Update: Added regex match to eliminate false positives as per suggestion from katspaugh

In modern browsers you can do

var inputs = document.querySelectorAll('input:not(.nothis)');

本文标签： javascriptJS getElementsByTagName except the one with a specific classStack Overflow