您好,登錄后才能下訂單哦!
這篇文章主要講解了“html文檔中id是唯一的嗎”,文中的講解內容簡單清晰,易于學習與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學習“html文檔中id是唯一的嗎”吧!
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的標簽的值,效果圖如下:
感謝各位的閱讀,以上就是“html文檔中id是唯一的嗎”的內容了,經過本文的學習后,相信大家對html文檔中id是唯一的嗎這一問題有了更深刻的體會,具體使用情況還需要大家實踐驗證。這里是億速云,小編將為大家推送更多相關知識點的文章,歡迎關注!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。