forEach() 只返回“未定义”[重复]

Question

这个问题在这里已经有了答案：

querySelectorAll 和 getElementsBy* 方法返回什么？ (10 个回答)

40 分钟前关闭。

我正在使用 forEach() 遍历数组。 如果我 console.log 它，正确的对象会出现在控制台中，但是如果我尝试附加 innerHTML，它只会在对象应该位于的页面上显示“未定义”。 谁能帮我？

        dBase.name.phones.forEach(phone => {
            document.querySelectorAll('.contacts').innerHTML += '<span class="pnumber">' + phone + '</span>';
            console.log(phone);
        })
    }```

Answer 1

您需要遍历querySelectorAll返回的NodeList ：

document.querySelectorAll('.contacts')
    .forEach(c => c.innerHTML += '<span class="pnumber">' + phone + '</span>');