首頁  >  文章  >  web前端  >  JavaScript如何取得id屬性

JavaScript如何取得id屬性

醉折花枝作酒筹
醉折花枝作酒筹原創
2021-06-09 14:23:1124082瀏覽

在js中,可以使用getAttribute方法取得id屬性,語法格式為「物件.getAttribute(id名稱)」。 「getAttribute()」方法是一個函數,它只有一個參數(打算查詢的屬性名字),透過元素節點物件呼叫。

JavaScript如何取得id屬性

本教學操作環境: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>

效果:

JavaScript如何取得id屬性

擴充資料:

一份文件就是一棵節點樹。

節點分為不同的類型:元素節點、屬性節點和文字節點等。

getElementById()方法將傳回一個對象,該物件對應著文件裡的一個特定的元素節點。

getElementsByTagName()方法將傳回一個物件數組,它們分別對應文件裡的一個特定的元素節點。

這些節點中的每個都是一個物件。

【推薦學習:javascript高階教學

#

以上是JavaScript如何取得id屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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