首頁  >  文章  >  web前端  >  javascript attributes屬性是做什麼的

javascript attributes屬性是做什麼的

青灯夜游
青灯夜游原創
2021-10-25 17:41:532095瀏覽

在javascript中,attributes屬性可以取得並傳回指定元素節點的屬性集合,即NamedNodeMap物件;語法「元素節點.attributes」。

javascript attributes屬性是做什麼的

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

attributes 屬性傳回指定節點的屬性集合,即 NamedNodeMap物件。

提示:您可以使用 length 屬性來確定屬性的數量,然後您就能夠遍歷所有的屬性節點並提取您需要的資訊。

語法:node.attributes

傳回值:NamedNodeMap 對象,表示屬性的集合。   

<!DOCTYPE html>
<html>
<body>

<p>点击按钮来查看 button 元素拥有多少属性。</p>

<button id="myBtn" onclick="myFunction()">试一下</button>

<p id="demo"></p>

<script>
function myFunction() {
    var x = document.getElementById("myBtn").attributes.length;
    document.getElementById("demo").innerHTML = x;
}
</script>


</body>
</html>

我們猜猜結果是多少?結果應該是 2(button 元素的 id 和 onclick 屬性)。看看效果圖:

javascript attributes屬性是做什麼的

【推薦學習:javascript高階教學

以上是javascript attributes屬性是做什麼的的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn