HTML DOM中的attribute属性返回NamedNodeMap对象指定的一组节点属性。 NamedNodeMap对象表示属性对象的集合,可以通过索引号进行访问。索引号从0开始。
用法:
node.attributes
返回值:它返回NamedNodeMap对象,该对象是节点的集合。
注意:在Internet Explorer 8和更早版本中,attributes属性将返回元素的所有可能属性的集合,该元素可能导致值超出预期。
范例1:
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM attributes Property
</title>
</head>
<body>
<!-- Setting up an image -->
<img id = "GFG" src =
"https://media.geeksforgeeks.org/wp-content/uploads/geeksforgeeks-logo.png" >
<br>
<button onclick = "myGeeks()">
DOM attributes property
</button>
<p id = "demo"></p>
<script>
function myGeeks() {
// It returns the number of nodes
var x = document.getElementById("GFG").attributes.length;
// Display the number of nodes
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
输出:
范例2:
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM attributes Property
</title>
</head>
<body>
<h2>
HTML DOM attributes Property
</h2>
<button id="GFG" onclick="myGeeks()">
Click Here!
</button>
<br>
<br>
<span>
Button element attributes:
</span>
<span id="sudo"></span>
<script>
function myGeeks() {
// It returns the number of nodes
var gfg =
document.getElementById("GFG").attributes.length;
// Display the number of nodes
document.getElementById("sudo").innerHTML = gfg;
}
</script>
</body>
</html>
输出:
支持的浏览器下表列出了DOM属性支持的浏览器:
- 谷歌浏览器
- IE浏览器
- 火狐浏览器
- Opera
- 苹果Safari
相关用法
- PHP SimpleXMLElement attributes()用法及代码示例
- HTML DOM URL用法及代码示例
- HTML DOM value用法及代码示例
- HTML Bdo dir用法及代码示例
注:本文由纯净天空筛选整理自Abhishek7大神的英文原创作品 HTML | DOM attributes Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。