                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

为什么在一个HTML文档中能使用两次ID 选择器？

如下图：在图3中红色所标注的区域使用了两次ID选择器，图1中这两个ID选择器都起了作用，这是为什么？（这与在一个HTML 文档中只能使用一次ID选择器说法相违背）图2 是代码部分。

图1

图2

图3

慕粉3690804

2016-07-23

源自：初识HTML(5)+CSS(3)-升级版 8-5

关注问题我要回答

3086

操作

收起

8 回答

囧ooo囧
2017-06-23

一个HTML 文档中本来也可以使用多次相同的ID选择器，这是可以的，这是允许的，在html语法中没有任何的错误，当然可以了，你运行报错了，没有报错吧，所以在语法上没有任何问题，程序可以正常运行！那么为什么说一个HTML 文档中只能使用一次ID选择器，这种说法是为了后续使用javascript做铺垫啊！我们在使用javascript的时候为了获取到一个元素对象，会这么写，documnet.getElementById("元素id的值"); 你想过没有，如果页面中有2个元素的id相同的话，那么documnet.getElementById("元素id的值");这句话，获取到的元素对象到底是获取到哪个对象呢，它会获取到第一个id="元素id的值"的元素，所以你想想，一个HTML 文档中使用多次相同的ID选择器对后续的javascript编程会有多大的影响呢？