javascript - 如何检索 HTMLCollection 中每个项目的文本节点？

Question

很难完成这件事。我有以下内容:

<p class='abc'>text 1</p>
<p class='abc'>text 2</p>

然后我尝试了类似的东西:

var texts = document.getElementsByClassName('abc');

for(var i=0;i < texts.length; i++){
   console.log(texts[i].text);
}

但它不起作用。也尝试使用 Jquery 但无济于事。

Answer 1

您要查找的属性是textContent :

var texts = document.getElementsByClassName('abc');

for(var i=0;i < texts.length; i++){
   console.log(texts[i].textContent);
}

但是，较旧的 IE 版本仅支持 non-standard innerText attribute ，所以你可能需要回到那个:

var texts = document.getElementsByClassName('abc');

for(var i=0;i < texts.length; i++){
   console.log(texts[i].textContent || texts[i].innerText);
}

如果您正在使用 jQuery，它是 text() :

$(".abc").each(function() {
    console.log($(this).text());
});