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

如果我有一个跨度，说:

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

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

当前回答

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

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

developer.mozilla

其他回答

和其他答案一样，不建议使用innerHTML和innerText，最好使用textContent。这个属性很受支持，你可以这样检查它: http://caniuse.com/#search=textContent

对于这个张成的空间

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

你可以这样做:-

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

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

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

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

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

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

推荐文章