如何在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，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);
}

Answer 2

您需要迭代数组才能访问这些属性。这样的事情对他们有用：

＆＃13;

＆＃13;

var elements = document.getElementsByTagName("blockquote");

for (var prop in elements)
{
  if(elements.hasOwnProperty(prop)) {
    console.log(elements[prop].innerHTML);
  }
}

＆＃13;

＆＃13;

＆＃13;

Answer 3

您也可以尝试以下命令：

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