getElementById("id").text返回对象,但应该是此段落的返回值

Question

我有一个HTML/JS项目.问题是,当我想使用getElementById("id").text我得到的对象得到段落的值.

var data = document.getElementById("pid").text;
console.log(data);

<p id="pid" >Hello</p>

Chrome:数据返回: <p id="pid">Hello</p> 但我只想要Hello价值.

谢谢你的回答

Answer 1

text不会返回文本节点.使用textContentproperty来访问文本节点而不进行解析 - 反之亦然innerHTML.并且innerText不会返回通过CSS隐藏的文本部分.那么为什么我建议使用textContent.

var data = document.getElementById("pid").textContent;
console.log(data);

<p id="pid">Hello</p>