一尘不染

为什么HTML中不允许重复的ID

javascript

在什么情况下HTML页面包含具有重复ID属性的元素是 非法 的?

作为使用HTML已有多年经验的开发人员,我知道这样做的目的是元素ID 应该 是唯一的-我要问的是重复ID的实际负面影响。

当然,某些库中类似于getElementByID()的函数可能返回数组而不是单个元素,并且当开发人员未预期这种情况时,这可能会导致问题。但是,据我所知,此类功能将继续清晰地运行,它们并不是id重复项的破坏性影响。

那么,为什么 不允许 重复的ID ?

编辑:这个问题的驱动因素是,在生成列表/重复项,生成具有重复ID的元素时,我看到了一些模板库,我想知道这在实际意义上会产生什么影响,以及如何决定是否采用这些库。

我还想知道模式插件或其他插件的效果,这些插件可能会克隆现有的隐藏节点,从而通过代码创建副本,然后浏览器在这种情况下会做什么。


阅读 1177

收藏
2020-05-01

共1个答案

一尘不染

总是“非法”的。违反规范=违法。仅仅因为偶然或过于慷慨的编译器而使某些“似乎可以工作”并不意味着它是有效的代码。

另一种思考的方式是:因为您想让肯德勒·恩格莱什(KorrectEnglesh)成为您的一面。您有一个能理解这一点的慷慨的编译器/大脑(例如Google Chrome),但是英语知识更有限的人(例如,市场上刚接触过浏览器X的人)或精神上无能力的人(例如Internet Explorer)可能根本不理解它…但是如果每个单词的拼写正确/符合规范,便能够理解它。

我可以找到几个原因:

根据DOM规范,“如果多个元素具有具有该值的ID属性,则返回的内容不确定”

和:

错误不会以灰色阴影出现。该代码违反标准,因此不正确。这将使验证检查失败,应该这样做。就是说,目前市场上没有浏览器会抱怨或有任何问题。浏览器有权投诉该浏览器,但是任何浏览器的当前版本都没有。这并不意味着将来的版本可能不会对此代码造成不良影响。

和:

在CSS或JavaScript中尝试使用该ID作为选择器的行为是无法猜测的,并且可能因浏览器而异。

和:

许多JavaScript库无法按预期运行

和:

经验表明,主流浏览器中的getElementById将返回文档中的第一个匹配元素。但是,将来可能并非总是如此。

2020-05-01