JavaScript 遍历集合并插入元素 (兼容 IE8)
假设有两个集合 'a' 和 'b',其中 'a' 是要遍历的集合,'b' 是要插入的集合。可以使用以下代码实现:
// 获取要遍历的集合 'a'
var a = document.getElementsByTagName('div');
// 获取要插入的集合 'b'
var b = document.getElementsByTagName('span');
// 遍历集合 'a'
for (var i = 0; i < a.length; i++) {
// 循环插入集合 'b' 中的元素到集合 'a' 中的每个元素后面
for (var j = 0; j < b.length; j++) {
// 克隆要插入的元素
var cloneNode = b[j].cloneNode(true);
// 将克隆的元素插入到集合 'a' 中的当前元素的后面
a[i].appendChild(cloneNode);
}
}
在上面的代码中,首先使用 document.getElementsByTagName 方法获取要遍历的集合 'a' 和要插入的集合 'b'。然后使用两个 for 循环,分别遍历集合 'a' 和 'b' 中的元素。在内层循环中,使用 cloneNode 方法克隆要插入的元素,然后使用 appendChild 方法将克隆的元素插入到集合 'a' 中的当前元素的后面。这样就完成了遍历集合并插入另外一个集合的操作。
原文地址: https://www.cveoy.top/t/topic/ldXG 著作权归作者所有。请勿转载和采集!