JavaScript中当标签的display设为none时，其id属性的问题

[茶水间的饭桶]

最近web前端编写时发现一个问题：
有多个相间相同标签都设置了相同的id，且都设置css的display=none，然后做成点击标签前的正常标签时，显示这个标签，点击另一个的前面标签时隐藏上面那个标签然后显示该标签，这时能够正常的显示和切换。
但是当通过getElementById("id")的方式填入内容时，有时可以在该标签上显示，但有时切不显示，而是显示在了上一个隐藏过的标签中了。
很困惑这是什么原因，js时好时不好的，js标准有明确display为none后的标签的属性是否可用吗？当然也可以通过其他方式达到理想效果，但就是想问问各位大哥，帮解惑解惑。

[茶水间的饭桶]

引用 1 楼 jslang 的回复:

页面中元素的id必须是唯一的,id不能重复 当多个元素的id相同时,getElementById("id")方法只认第一个

但是怎么解释有时候可以有时不行这个现象呢？

[娃都会打酱油了]

相同的id本身就是有问题的……这跟浏览器如何解释id相同有关，你非要解释也没办法解释

[天际的海浪]

页面中元素的id必须是唯一的,id不能重复 当多个元素的id相同时,getElementById("id")方法只认第一个

[茶水间的饭桶]

好吧，那就这样了

[天际的海浪]

引用 2 楼 u010713726 的回复:

[quote=引用 1 楼 jslang 的回复:] 页面中元素的id必须是唯一的,id不能重复 当多个元素的id相同时,getElementById("id")方法只认第一个

但是怎么解释有时候可以有时不行这个现象呢？[/quote] 那要看了代码才好解释啊 不过因为相同id只认第一个,所以应该是你点击第一项时正常.点击别的项目不正常,当然具体情况还是要看代码 总之另用相同的id就行了