我想使用相同的 class 登录到来自所有元素的控制台文本

Question

有人可以帮助我为什么我在控制台中有 2 次未定义？我该如何解决这个问题？ T

const intro = document.querySelectorAll('.intro');

for (i = 0; i < intro.length; i++) {
  console.log(intro[i].innerContent);
}

<div class="intro">The DOM is very useful.</div>
<div class="intro">This example demonstrates the method.</div>

Answer 1

我认为您想使用 innerText property (possibly innerHTML). There is also a textContent 属性，但这可能不是您想要的，因为它会获取非人类可读的文本内容，包括样式和脚本标签的内容。

const intro = document.querySelectorAll('.intro');
for (i = 0; i < intro.length; i++) {
  console.log(intro[i].innerText);
}

<div class="intro">The DOM is very useful.</div>
<div class="intro">This example demonstrates the method.</div>

Answer 2

因为 html 元素不存在调用 innerContent 的属性，并且试图访问 returns undefined 中不存在的属性 undefined =16=]。您可能正在寻找 .textContent.

I want to log to console text from all elements using same class