如何在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