html - 如何在 chrome devtools 控制台中访问 html 元素文本

Question

我有一个页面，里面有一大堆 blackquote标签。
在开发控制台中，我正在输入 document.getElementsByTagName("blockquote")这给了我一个数组。

但如果我这样做 document.getElementsByTagName("blockquote").innerText document.getElementsByTagName("blockquote").innerHTML document.getElementsByTagName("blockquote").textContentdocument.getElementsByTagName("blockquote").outerText document.getElementsByTagName("blockquote").outerHTML
全部返回 undefined
但是，如果我检查数组的元素 document.getElementsByTagName("blockquote")我可以看到上述所有属性。

如何访问其中至少一个( innerText 、 outerHTLM 、 innerText 、 outerHTML 、 textContent )？

Answer 1

或者，如果您想访问任何特定元素，您可以在数组中使用索引

for (var i=0; i <document.getElementsByTagName("blockquote").length; i++ ){
    var singleElement = document.getElementsByTagName("blockquote")[i];
    console.log(singleElement.innerHTML);
}