javascript - 如何使用 JavaScript 更改 span 元素的文本？

Question

如果我有一个 span，说:

<span id="myspan"> hereismytext </span>

如何使用 JavaScript 将“hereismytext”更改为“newtext”？

Answer 1

对于现代浏览器，您应该使用:

document.getElementById("myspan").textContent="newtext";

虽然较旧的浏览器可能不知道 textContent，但不建议使用 innerHTML，因为当新文本是用户输入时，它会引入 XSS 漏洞(请参阅下面的其他答案更详细的讨论):

//POSSIBLY INSECURE IF NEWTEXT BECOMES A VARIABLE!!
document.getElementById("myspan").innerHTML="newtext";