Please enable Javascript to view the contents

[DOM] Found 6 elements with non-unique id 是什么错误?

 ·  ☕ 1 分钟

查看chrome浏览器控制台发现一个“[DOM] Found 6 elements with non-unique id ” 的警告。

这个错误是指页面中有6个元素的id重复。

产生重复ID原因,是代码编辑器/IDE 会提供一些代码片段,比如在vscode中输入input:checkbox 按tab键,会生成以下一段代码:

 <input type=“checkbox” name="" id="">

但通常我们不会去填写id属性值。

HTML草案建议单个页面不要有重复ID,这个很好理解。

但ID为空也被视为重复id,浏览器未免管得太宽了,于是我特意去w3c校验器(Nu Html Checker)去试验了一下:

Test

以上代码共会出现3个错误1个警告:

现在看来,浏览器控制台还是宽松多了,只报警告,不报错误。

so…还是按标准来。

分享

码中人
作者
码中人
Web Developer