javascript - 修改类名后节点引用丢失

Question

通过node.className = ...更改类名后我丢失了对象引用

var nodeName = 'my_div';
var subNode = document.getElementById(nodeName);
var nodes = subNode.getElementsByClassName('one');
alert (nodes[0]); // OK - [object HTMLSpanElement]
nodes[0].setAttribute('class','zzz');
alert (nodes[0]); // Undefined

如何在变量中保存对对象的引用？

Answer 1

因为getElementsByClassName()返回一个实时集合，这意味着对原始 dom 元素属性的任何更改都将反射(reflect)在列表中。

您可以使用类似 querySelectorAll() 的方法它返回一组非事件元素

var nodes = subNode.querySelectorAll('.one');