javascript - 为什么可以使用 .text 访问 header 元素中的内容，而使用 JavaScript 中的 innerHTML 访问 p 元素中的内容

Question

如果我有下面的html

<h2 id="myheader">some content</h2>
<p id="myp">some content </p>

要获取header的内容，我可以做

document.getElementById('myheader').text

但后来我尝试对段落元素使用相同的逻辑，但我不得不使用 innerHTML

这种差异背后是否存在某种逻辑？

另外，在控制台中，我喜欢这样一个事实，即我可以编写类似 window 的内容，然后我可以深入了解在 window 之后可以使用的所有可用方法。例如，我就是这样发现 window.document 与 document 相同的。有没有办法对 document.getElementById('myheader') 之类的事情做同样的事情，一种调查点 document.getElementById('myheader') 之后可用的方法的方法.HERE 只是通过实验来学习

编辑:我意识到我对 .text 的看法是错误的。我的代码一定有问题(即使我看不到)，对于任何混淆感到抱歉，如果您认为应该对其进行编辑以免误导任何人，请这样做

谢谢

Answer 1

textContent可用于两个元素(H1 和 p)。

您可以像这样检查 HTMLElement:

var elem = document.getElementById(some_id),
    s = [],
    key;
for (key in elem) {
    s.push(key + ': ' + elem[key]);
}
s = s.join('\n');
console.log(s);

许多控制台还通过记录元素来创建元素结构树:

console.log(document.getElementById(some_id));