javascript - appendChild() 尝试追加存储在数组中的值时失败

Question

除了 saved 变量中列出的这些元素之外，以下代码删除特定元素的所有子元素。

let rightCol = document.querySelector("#rightCol");
let saved = rightCol.querySelectorAll('._4-u2._3-96._4-u8');
let savedArr = [];

saved.forEach(()=>{
    savedArr.push(saved);
});

rightCol.innerHTML = ''; // Delete all children before retrieving "saved" ones.

for (var i = 0; i < savedArr.length; i++) {
    rightCol.appendChild(savedArr[i]);
};

代码失败并出现此错误:

TypeError: Argument 1 of Node.appendChild does not implement interface Node.

为什么代码会失败？

Answer 1

您提供的代码有 2 个错误:

• querySelectorAll 应该在文档上执行。
• 您正在为每个循环推送整个数组。

这是工作副本

let rightCol = document.querySelector("#rightCol");
let saved = document.querySelectorAll('._4-u2._3-96._4-u8');
let savedArr = [];

saved.forEach((s)=> {
    savedArr.push(s);
});

rightCol.innerHTML = ''; // Delete all children before retrieving "saved" ones.

for (var i = 0; i < savedArr.length; i++) {
    rightCol.appendChild(savedArr[i]);
};