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

如果我有一个跨度，说:

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

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

当前回答

出于某种原因，使用“text”属性似乎是大多数浏览器的通行方式。这对我很有效

$ (" # span_id”)。文本(“要赋值的文本值”);

其他回答

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

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

对于这个张成的空间

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

你可以这样做:-

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

出于某种原因，使用“text”属性似乎是大多数浏览器的通行方式。这对我很有效

$ (" # span_id”)。文本(“要赋值的文本值”);

除了上面的纯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/

推荐文章