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

Question

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

但如果我这样做document.getElementsByTagName("blockquote").innerText document.getElementsByTagName("blockquote").innerHTML document.getElementsByTagName("blockquote").textContent document.getElementsByTagName("blockquote").outerText document.getElementsByTagName("blockquote").outerHTML

全部返回undefined

但是，如果我检查数组的元素，document.getElementsByTagName("blockquote")我可以看到上述所有属性。

如何访问至少其中之一（innerText、、、、）？outerHTLMinnerTextouterHTMLtextContent

Answer 1

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

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