JavaScript 中元素的类属性节点的值?

javascriptobject oriented programmingfront end technology

Javascript  提供了 getAttributeNode() 方法来查找元素指定名称的 属性节点,作为 属性对象。如果  属性 不存在,则返回值为 null 空字符串 ("")

语法

element.getAttributeNode(attributename);

它返回表示指定属性节点的属性对象 

示例

在下面的示例中,两个标题标签具有不同的类。当通过getAttributeNode()访问这些标签时,可以返回它们所附加的属性类。它的工作原理与数组相同。我们只需提供它们的索引号即可访问多个类。

<html>
<body>
<h2 class="class1">Tutorix</h2>
<h2 class="class2">Tutorialspoint</h2>
<p id = "attribute"></p>
<script>
   var elmnt = document.getElementsByTagName("h2")[1];
   var value = elmnt.getAttributeNode("class").value;
   document.getElementById("attribute").innerHTML = value;
</script>
</body>
</html>

输出

Tutorix
Tutorialspoint
class2

相关文章