check if an element has any attribute from a given array

Question

If I have an attribute disabled, and I want to check if an element has this attribute before running a function, I can use

if element.hasAttribute('disabled')

If I have several attributes that relate to the same function, such as

attributes = [disabled, something, another]

How can I use if element.hasAttribute('attribute') to check for any of the attributes in the array?

Update:

I actually only have two items in my array, so I did

if el.hasAttribute('noink') || el.hasAttribute('disabled')

The responses below are also viable and I would use them if I had a larger array.

adeneo · Accepted Answer · 2015-04-23 16:27:48Z

2

How about a function

function hasAttributes(element, arr) {
    return [].slice.call(element.attributes).some(function(attr) {
        return arr.indexOf(attr.name) !== -1;
    });
}

to be used as

var attributes = ['disabled', 'something', 'another'];
var element    = document.getElementById('some_id');

var has_attr   = hasAttributes(element, attributes);

FIDDLE

answered Apr 23, 2015 at 16:27

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

offthegrass Over a year ago

thanks, I may use something like this as an attribute alternative to classie in the future.

Mukund Kumar Over a year ago

why you use [].slice.call why not Array.slice.call ? is there any difference between these two @adeneo

adeneo Over a year ago

Yes, there's a difference, [].slice.call is a shortcut for Array.prototype.slice.call

Mukund Kumar · Accepted Answer · 2015-04-23 16:23:05Z

0

apply for loop:

  var isAttr=false;
    for(key in attributes){
        if(element.hasAttribute('attribute')){
        console.log('the attribute'+attributes[key]+ 'is attach to element');
        isAttr=true;
       }
    }
 console.log('element has any of array element as attribute:'+isAttr)

answered Apr 23, 2015 at 16:23

Mukund Kumar

23.5k20 gold badges64 silver badges85 bronze badges

1 Comment

offthegrass Over a year ago

interesting, I wouldn't have though of this. I don't have enough attributes to warrant it, though. thanks for the response.

Radio · Accepted Answer · 2015-04-23 17:03:15Z

0

A bit more compact...

function hasAttributes(e, l){
    var t = [];
    for(var i in l){
        t.push(e.attributes[l[i]] !== undefined);
    }
    return t;
}

use:

var myList = ["disabled", "something", "another"];
var myElement = document.getElementById("test");
console.log(hasAttributes(myElement, myList));

Or just true false for all or nothing case:

function getAttributes(e, l){
    var t = [];
    for(var i in l){
        if(e.attributes[l[i]] === undefined){
            return false;
        }
    }
    return true;
}

edited Apr 23, 2015 at 17:03

answered Apr 23, 2015 at 16:55

Radio

2,8631 gold badge23 silver badges43 bronze badges

Comments

offthegrass · Accepted Answer · 2015-04-23 17:51:35Z

0

Update:

I actually only have two items in my array, so I did

if el.hasAttribute('noink') || el.hasAttribute('disabled')

The responses below are also viable and I would use them if I had a larger array.

answered Apr 23, 2015 at 17:51

offthegrass

4661 gold badge6 silver badges16 bronze badges

Collectives™ on Stack Overflow

check if an element has any attribute from a given array

4 Answers 4

3 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related