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

Question

这是一个演示代码：

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

以下是我想要的两件事 1）属性名称，即：＆＃39; myAttribute＆＃39;。
2）包含属性＆＃39; myAttribute＆＃39;的元素，即：div。

Answer 1

获取与选择器

匹配的<{3>}个节点

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

list将类似于，但不会从 Array 继承。您可以使用for和list.length

对其进行循环

---

在元素上获取属性的NodeList

var nnm = elem.attributes;

nnm将类似于，但不会从 Array 继承。您可以使用for和nnm.length

对其进行循环

---

要在元素上获取属性的值，请使用NamedNodeMap

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

如果没有此类属性，

val将为null

---

要在元素上测试属性的存在，请使用.getAttribute

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

b将是布尔值，true或false

Answer 2

使用jQuery你可以做这样的事情。

div = $("[myAttribute]");
attrValue = div.attr('myAttribute');

div将是jQuery元素 attrValue会好的＆＃39;