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

不推荐使用innerHTML。 相反，您应该创建一个textNode。通过这种方式，您可以“绑定”文本，并且至少在这种情况下，您不会容易受到XSS攻击。

document.getElementById("myspan").innerHTML = "sometext"; //INSECURE!!

正确的做法:

span = document.getElementById("myspan");
txt = document.createTextNode("your cool text");
span.appendChild(txt);

有关此漏洞的详细信息: 跨站点脚本(XSS) - OWASP

编辑于2017年11月4日:

根据@mumush的建议修改了第三行代码:“使用appendChild();相反”。 顺便说一句，根据@Jimbo Jonny的说法，我认为所有的东西都应该被视为用户输入，应用层层安全原则。这样你就不会遇到任何意外。

你也可以使用querySelector()方法，假设'myspan' id是唯一的，因为该方法返回带有指定选择器的第一个元素:

document.querySelector('#myspan').textContent = 'newtext';

developer.mozilla

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

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

除了上面的纯javascript答案，你可以使用jQuery文本方法如下:

$('#myspan').text('newtext');

如果你需要扩展答案以获取/更改span或div元素的html内容，你可以这样做:

$('#mydiv').html('<strong>new text</strong>');

引用:

。text (): http://api.jquery.com/text/

. html (): http://api.jquery.com/html/

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