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

Question

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

But if I do document.getElementsByTagName("blockquote").innerText document.getElementsByTagName("blockquote").innerHTML document.getElementsByTagName("blockquote").textContent document.getElementsByTagName("blockquote").outerText document.getElementsByTagName("blockquote").outerHTML

全部返回 undefined

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

How to access at least one of them ( innerText , outerHTLM , innerText , outerHTML , textContent ) ?

原文由 sreginogemoh 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

原文由 user4906240 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您还可以尝试以下命令：

var elements = document.getElementsByTagName("blockquote"); 。这将返回元素列表。要在 i 索引处访问所需元素的文本 elements[i].value 。

原文由 akash bisht 发布，翻译遵循 CC BY-SA 4.0 许可协议