我只想用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不是函数
那是为什么?
答案 0 :(得分:11)
答案 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";
如果仍然无法使用,请检查是否选中了所需的元素。