JavaScript如何取得id屬性
- 醉折花枝作酒筹原創
- 2021-06-09 14:23:1124070瀏覽
在js中，可以使用getAttribute方法取得id屬性，語法格式為「物件.getAttribute(id名稱)」。 「getAttribute()」方法是一個函數，它只有一個參數（打算查詢的屬性名字），透過元素節點物件呼叫。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
只要使用getAttribute("id")函數即可取得元素的id值
在找到那個元素後，我們就可以利用getAttribute()方法把它的各種屬性的值查詢出來。
getAttribute()方法是一個函數。它只有一個參數--你打算查詢的屬性的名字：
不過，getAttribute()方法不能透過document物件調用，這與我們先前介紹過的其他方法不同。我們只能透過一個元素節點物件來呼叫它。
例如，你可以把它與getElementsByTagName()方法結合起來，去查詢每個
語法：
element.getAttribute(attributename)
實例：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>document</title>
</head>
<body>
读取 <a href="dom_obj_attributes.php" target="_blank">Attr 对象</a>.
<p id="demo">单击按钮以显示上述链接的目标属性的值</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
var a=document.getElementsByTagName("a")[0];
document.getElementById("demo").innerHTML=a.getAttribute("target");
}
</script>
</body>
</html>效果：
擴充資料：
一份文件就是一棵節點樹。
節點分為不同的類型：元素節點、屬性節點和文字節點等。
getElementById()方法將傳回一個對象，該物件對應著文件裡的一個特定的元素節點。
getElementsByTagName()方法將傳回一個物件數組，它們分別對應文件裡的一個特定的元素節點。
這些節點中的每個都是一個物件。
【推薦學習：javascript高階教學】
#以上是JavaScript如何取得id屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn