html文檔中id唯一嗎
- 青灯夜游原創
- 2021-12-14 11:15:164003瀏覽
id在HTML文件中必須是唯一的。在HTML文檔中，任何元素（節點）都有id屬性，id屬性是該節點的唯一標識，是為某個節點指定DOM操作時的「唯一」標識符，所以同一個文檔中id值不能重複；如果不唯一的標識符，會為DOM操作帶來麻煩。
本教學操作環境：windows7系統、HTML5版、Dell G3電腦。
id 屬性規定 HTML 元素的唯一的 id。
id 在 HTML 文件中必須是唯一的。
在HTML文檔中，任何元素（節點）都有id屬性，id屬性是該節點的唯一標識，是為某個節點指定DOM操作時的「唯一」標識符，所以同一個文檔中id值不能重複。
ID 與頁面如何渲染沒有關係，渲染是否正確取決與文檔結構與樣式（這裡是瀏覽器預設樣式表 你寫的一條樣式規則），所以可以正常顯示。
但是不唯一的標示符，會為DOM操作帶來麻煩。
<html>
<head>
<style type="text/css">
#txtName {background:red;}
</style>
<script type="text/javascript">
function GetValue()
{
var a = document.getElementById('txtName').value;
alert(a);
}
</script>
</head>
<body >
姓名：<input type="text" id="txtName" /> </br>
密码：<input type="text" id="txtName" /> </br>
<input type="button" value="获取id=txtName的文本框的值" onclick="GetValue();" />
</body>
</html>其中：
var a = document.getElementById('txtName').value;
取得ID="txtName"的標籤的值，結果是第一個文字方塊的值彈出來了，說明，瀏覽器只是取了第一個具有該ID的標籤的值，效果圖如下：
#總結：如果有相同的ID，javascript只會取第一個具有該ID的標籤。
推薦教學：《html影片教學》
以上是html文檔中id唯一嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
上一篇：node.js的組成有哪些下一篇：node.js的組成有哪些