在Pure Javascript中获取元素的属性名称

Question

这是一个演示代码:

<div id="demo" myAttribute="ok"></div>

以下是我想要的2件事
1)属性名称,即:'myAttribute'.
2)包含属性'myAttribute'的元素,即:div.

Answer 1

获取与选择器匹配的节点的NodeList

var list = document.querySelectorAll('[myAttribute]');

list将是类似Array但不是从Array继承.你可以使用for和循环它list.length

要获得的NamedNodeMap中的属性上的元素

var nnm = elem.attributes;

nnm将是类似Array但不是从Array继承.你可以使用for和循环它nnm.length

为了得到价值的的属性上的元素使用.getAttribute

var val = elem.getAttribute('myAttribute');

valnull如果没有这样的属性将会是

测试Element使用的属性是否存在.hasAttribute

var b = elem.hasAttribute('myAttribute');

b将是一个布尔值,true或false