Question

在我阅读了getElement ...的文档之前...我很想念方法，然后像var src = $（'Node'）这样的代码链接到Node，但是元素是找到的元素的实时HTMLCollection。

例如，我有以下代码：

  <div class='container'>
    <div class='origin' Node></div>
    </div>

var src=$('.origin');
console.log(src);
document.getElementsByClassName('container')[0].appendChild(document.getElementsByClassName('origin')[0].cloneNode(true));
document.getElementsByClassName('container')[0].appendChild(document.getElementsByClassName('origin')[0].cloneNode(true));
document.getElementsByClassName('container')[0].appendChild(document.getElementsByClassName('origin')[0].cloneNode(true));
console.log(src);
var src=$('.origin');
console.log(src);

当我创建链接时，链接的变量大小为一个（其正确）。但是当我克隆一些元素并追加时，变量仍然是一个元素大小。而且只有当再次获得链接时，集合的大小才会为4（就像在真正的DOM模型上一样）。那么，有什么方法可以进行真正的链接来响应DOM节点的实际状态？

在此处运行代码：https://jsfiddle.net/pws328xk/9/

DOM链接（例如var = $（'selector'））

0 个答案: