Question

javascript中querySelectorAll和getElementsByClassName的问题

我先是在图一的script中用getElementsByClassName获取元素aW 实现浏览器宽度改变时aW两个类名的切换 然后发现oCW<1200后类名变为MiniW clearfix 再把浏览器拉回1200就变不回去了 console里显示第一次改变类名后就查不到元素 所以我把getElementsByClassName换成了querySelectorAll就没有问题了 网上查资料说是getE是动态获取 queryS是静态获取 可是我又做了图2的测试 发现用getElementsByClassName两个类名可以来回切换没问题 即使第一次类名改变后 也能进行第二次类名改变 这是为什么





Answer 1

你两张图实现的过程其实是有差别的，在图2中，oDiv后面的值是带[0]的，也就是说oDiv是getElementsByClassName("div1")的子对象，而这个子对象已经是个静态对象了，改变它的class并不会使它消失。如果你把[0]去掉，再把下面的代码改为 oDiv[0].className = ... ，你马上就能看到和图1一样的结果了！