如何使用 JavaScript 更改 span 元素的文本? [英] How do I change the text of a span element using JavaScript?

问题描述

如果我有一个span，请说:

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

如何使用 JavaScript 更改h​​ereismytext"?到新文本"?

How do I use JavaScript to change "hereismytext" to "newtext"?

推荐答案

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

For modern browsers you should use:

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

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

While older browsers may not know textContent, it is not recommended to use innerHTML as it introduces an XSS vulnerability when the new text is user input (see other answers below for a more detailed discussion):

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

这篇关于如何使用 JavaScript 更改 span 元素的文本?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！