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

如何覆盖<;中的文本;p>;使用JavaScript标记,javascript,html,Javascript,Html,我只想用普通JavaScript替换标记的内容。我有点像 <div className='container'> <p className='element' id='replace-me'></p> </div> 这给了我一个错误: TypeError:document.getElementById(…).innerText不是函数 为什么会这样?这是因为它是一个属性,所以您应该: document.getEle

我只想用普通JavaScript替换
标记的内容。我有点像

<div
    className='container'>
    <p
        className='element' id='replace-me'></p>
</div>
这给了我一个错误:

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

为什么会这样?

这是因为它是一个属性,所以您应该:

document.getElementById('replace-me').innerText = someVar
而是使用JavaScript

document.getElementById('replace-me').innerText = 'Anything you want'
您还可以使用Jquery

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

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

只有
innerText
的一种替代方法是
innerHTML
-

document.getElementById("demo").innerHTML = "Paragraph changed!";
innerText检索并设置标记的内容为纯文本,而innerHTML检索并设置相同的内容,但为HTML格式。

请尝试使用querySelector()

如果仍不起作用,请检查是否选中了所需的图元


这不是一个函数。您需要这样使用它:
document.getElementById('replace-me')。innerText=someVar同一个问题OP问了一个问题,这个问题是在纯JS中,而不是在jQuery中。我不想使用jQuery。我觉得使用jQuery作为简单选择器有点太过分了:)哦,天哪。。。我不知道@Stophface这就是stackoverflow存在的原因;)
paragration.innerHTML=“您的HTML代码”
paragration.innerText=“您的明文”
document.getElementById("demo").innerHTML = "Paragraph changed!";
paragraph = document.querySelector("#replace-me");
paragraph.innerText = "Your HTML Code";