JavaScript如何取得id屬性-js教程-PHP中文網

JavaScript如何取得id屬性

醉折花枝作酒筹

發布： 2023-01-06 11:16:59

原創

24049 人瀏覽過

在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屬性