Javascript 克隆for循环中的元素会中断并永远运行

我想获取具有特定类的所有元素（

svg

），并将它们克隆到div中

const images = document.getElementsByClassName('image_svg'); // collection of all elements (around 5 or so of them)
const myDiv = document.getElementsByClassName('myDiv')[0];

for (let i = 0; i < images.length; i++) {
    var clone = images[i].cloneNode(true);
    myDiv.appendChild(clone);
}

const images=document.getElementsByClassName（'image_svg'）；//所有元素的集合（大约5个）
const myDiv=document.getElementsByClassName（'myDiv'）[0]；
for（设i=0；i

当我执行代码时，它将永远运行，浏览器将停止响应。我做错了什么

请注意，这是一个纯JS解决方案，因此请不要使用jQuery回答。

原因是返回一个live集合

试一试

Document方法

querySelectorAll（）

返回一个静态（not live）节点列表，表示与指定选择器组匹配的文档元素列表

Document方法

querySelector（）

返回文档中与指定选择器或选择器组匹配的第一个元素。如果未找到匹配项，则返回null

const images = document.querySelectorAll('.image_svg'); // collection of all elements (around 5 or so of them)
const myDiv = document.querySelector('.myDiv');