如何在JavaScript中更改span元素的文本

Question

如何在JavaScript中更改span元素的文本

如果我有一个跨度，就说：

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

如何使用JavaScript将“异端文本”更改为“新文本”？

Answer 1

对于现代浏览器，您应该使用：document.getElementById("myspan").textContent="newtext";而旧浏览器可能不知道textContent，它没有重新开始使用。innerHTML当新文本是用户输入时，它引入了XSS漏洞(更详细的讨论请参见下面的其他答案)：//POSSIBLY INSECURE IF NEWTEXT BECOMES A VARIABLE!! document.getElementById("myspan").innerHTML="newtext";

Answer 2

使用内HTML是所以不推荐..相反，您应该创建一个textNode。这样，您就可以“绑定”文本，并且至少在这种情况下，您不会受到XSS攻击的攻击。document.getElementById("myspan").innerHTML = "sometext"; //INSECURE!!正确的方法：span = document.getElementById("myspan");txt = document.createTextNode("your cool text");span.appendChild(txt);有关此漏洞的更多信息：跨站点脚本(XSS)-OWASP