javascript给span标签赋值的方法

当使用 JavaScript 操作 HTML 文档时，我们经常需要读取或设置文档中元素的属性或内容。关于如何给 span 标签赋值，有以下几种方法：

1. 通过innerHTML属性

可以使用 innerHTML 属性，将要设置的文本作为字符串赋值给该属性即可。

示例代码：

const mySpan = document.getElementById('mySpan');
mySpan.innerHTML = '这是新的文本内容';

在上面的代码中，我们通过 document.getElementById() 获取了一个名为 mySpan 的 span 元素，然后通过设置其 innerHTML 属性，在此元素中插入了新的文本内容。

2. 通过textContent属性

textContent 属性是 HTMLElement 的一个属性，表示元素中包含的文本内容。可以通过该属性直接给 span 标签赋值，同样地，将要设置的文本作为字符串赋值给该属性即可。

示例代码：

const mySpan = document.getElementById('mySpan');
mySpan.textContent = '这是新的文本内容';

在上面的代码中，我们同样是通过 document.getElementById() 获取了一个名为 mySpan 的 span 元素，再通过设置其 textContent 属性，在此元素中插入了新的文本内容。

无论是使用 innerHTML 属性还是 textContent 属性，都要注意输入的文本内容是支持 HTML 的，如果要输入纯文本，建议使用 textContent 属性。

注意：不要直接使用 innerText 属性，因为这个属性在 IE 浏览器下会出现 bug，最好还是使用 textContent 属性。