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

问题描述

如果我有一个 span ，请说:

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

如何使用JavaScript更改"hereismytext"到"newtext"?

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屋！