如何通过javascript找到h1的内容？

Question

我希望z等于“你好”，但这会返回<h1>Hello</h1>。我该如何解决这个问题？

<h1> Hello </h1>

var z = document.getElementById("y");

Answer 1

使用innerHTML（并为您的H1提供ID）：

＆＃13;

＆＃13;

var z = document.getElementById("y").innerHTML;
console.log(z)

＆＃13;

<h1 id="y"> Hello </h1>

＆＃13;

＆＃13;

＆＃13;

如果由于某种原因您无法为您的H1提供ID，则可以使用.querySelector()代替：

＆＃13;

＆＃13;

var z = document.querySelector("h1").innerHTML;
console.log(z)

＆＃13;

<h1> Hello </h1>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您需要在id="y"标记中提及h1。并使用innerHTML或textContent获取innertext

＆＃13;

＆＃13;

var z = document.getElementById("y").innerHTML

console.log(z)

＆＃13;

<h1 id="y"> Hello </h1>

＆＃13;

＆＃13;

＆＃13;

Answer 3

获取元素内容的适当方法是使用textContent：

var z = document.getElementById("y").textContent;

<强>演示：

var z = document.getElementById("y").textContent;

console.log(z);

<h1 id="y"> Hello </h1>

注意：

您需要在元素中添加id="y"，以便可以使用document.getElementById()引用它。