Heim > Web-Frontend > HTML-Tutorial > 求解。这里的id是不是有多个意思?_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 12:19:41
Original
1024 Leute haben es durchsucht

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>
Nach dem Login kopieren

回复讨论(解决方案)

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是错误的

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage