如何使用JavaScript覆盖<p>标记中的文本

时间:2018-08-30 13:04:51

标签: javascript html

我只想用Vanilla JavaScript 替换 <p> tag的内容。我有类似的东西

<div
    className='container'>
    <p
        className='element' id='replace-me'></p>
</div>

然后我有一个像这样的函数

setInterval(function () {
    ...
    document.getElementById('replace-me').innerText(someVar)

}, 1000);

这给了我错误:

  

TypeError:document.getElementById(...)。innerText不是函数

那是为什么?

4 个答案:

答案 0 :(得分:11)

那是因为innerText是一个属性,所以您应该这样做:

document.getElementById('replace-me').innerText = someVar

代替

答案 1 :(得分:2)

除了jonatjano的答案之外,我还想添加一个替代方法。

innerText的替代方法是innerHTML-

document.getElementById("demo").innerHTML = "Paragraph changed!";

innerText检索并设置标记的内容为纯文本,而innerHTML检索并设置相同的内容,但格式为HTML。

答案 2 :(得分:1)

使用JavaScript

document.getElementById('replace-me').innerText = 'Anything you want'

您还可以使用Jquery

$('#replace-me').html('Anything you want')

答案 3 :(得分:0)

尝试使用querySelector(Javascript querySelector vs. getElementById

paragraph = document.querySelector("#replace-me");
paragraph.innerText = "Your HTML Code";

如果仍然无法使用,请检查是否选中了所需的元素。

JavaScript: querySelector Null vs querySelector