如何使用JavaScript获取段落内的文本

Question

我想把文本放在p标签里面

 <p id="paragraph">Some text</p>

我想将文本存储在这样的JavaScript变量中

 var text = "Some text";

我读到我必须添加

 var text = document.getElementById("paragraph").innerHtml;

但是变量的值是NULL或Undefined,我也喜欢这样

 var text = document.getElementById("paragraph")[0].innerHtml;

我有同样的问题!

Answer 1

在您的示例中,您使用的属性名称不正确,必须是innerHTML(注意 - HTML不区分大小写Html)innerHtml

var text = document.getElementById("paragraph").innerHTML
                                                     ^^^^

Answer 2

您可能应该使用.textContent获取文本以确保您的文本变量中没有额外的标记.

var paragraph = document.getElementById("paragraph");
var text = paragraph.textContent ? paragraph.textContent : paragraph.innerText;//IE uses innerText

innerHTML返回HTML,如其名称所示.通常,为了在元素中检索或写入文本,人们使用innerHTML.应该使用textContent.由于文本未被解析为HTML,因此可能会有更好的性能.而且,这避免了XSS攻击向量.

https://developer.mozilla.org/en-US/docs/Web/API/Node.textContent