如何使用JavaScript更改span元素的文本?

如果我有一个跨度，说:

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

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

当前回答

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

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

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

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

其他回答

你可以使用document.querySelector("[Span]")。textContent = "content_to_display";

document.getElementById('myspan').innerHTML = 'newtext';

我使用Jquery，上面没有一个帮助，我不知道为什么，但这是有效的:

 $("#span_id").text("new_value");

我使用了这个document.querySelector('ElementClass')。innerText = 'newtext';

似乎工作与span，类/按钮内的文本

对于这个张成的空间

<span id="name">sdfsdf</span>

你可以这样做:-

$("name").firstChild.nodeValue = "Hello" + "World";

推荐文章