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的标签的值,效果图如下:

总结:如果有相同的ID,javascript只会取第一个具有该ID的标签。

推荐教程:《html视频教程》

更多关于云服务器域名注册虚拟主机的问题,请访问西部数码官网:www.west.cn

赞(0)
声明:本网站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-62778877-8306;邮箱:fanjiao@west.cn。本站原创内容未经允许不得转载,或转载时需注明出处:西部数码知识库 » html文档中id唯一吗

登录

找回密码

注册