首页  >  文章  >  web前端  >  求解。这里的id是不是有多个意思?_html/css_WEB-ITnose

求解。这里的id是不是有多个意思?_html/css_WEB-ITnose

WBOY
WBOY原创
2016-06-24 12:19:411005浏览

id 样式 属性

<html>    <head>                <style>            #id320 {                color: red;                            }        </style>    </head>    <body>        <input id="id320" value="0" />        <input id="id320" value="9" />        <button onclick="document.getElementById('id320').value='1'">button</button>    </body></html>

回复讨论(解决方案)

id一般最好不要重复了

光这部分看不出什么

困惑的是
input id="id320"
这里id到底是设置样式,还是定义标识?

id一般最好不要重复了

光这部分看不出什么

困惑的是
input id="id320"
这里id到底是设置样式,还是定义标识?

你要看代码的上下文 和实际表现 来理解代码的含义

当然 有时候没有用 默认和规范的写法 就会让其他看的人产生疑惑

就象你贴的代码

id 理论上是 表示 全局的唯一存在

但现在出现了 2个一样的  呵呵

所以只能看代码的最终的表现来理解意思了

如果JS中没有用到ID,这样写倒是没有什么问题,和class一样,如果JS中用到了ID,这样写肯定会出问题的。 所以ID最好不要有重复的。

是不是可以这样理解?

规范要求:
id只有一个意思,即唯一地标识一个元素
id值必须是唯一的
一个id样式只为唯一的一个元素而定义

不规范(多个元素有相同的id)时,一般的(比如IE/Chrome/Firefox)做法:
getElementById返回找到的第一个元素
为有相同id的元素均设置样式


id是不能重复的,不是“最好不要”的问题

写重复也行那是因为浏览器的容错能力(这也是浏览器商集体抵制xhtml的重要原因之一)
但在语法上重复id是错误的

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn