如何用js动态的为HTML中的<li>标签设置文本内容？

在JavaScript中，你可以通过以下几种方式动态地给HTML中的`<li>`标签设置文本内容：

1. **直接修改元素innerHTML**：

var liElement = document.querySelector('li'); // 获取你想操作的li元素
liElement.innerHTML = '新的文本内容'; // 设置新的文本

2. **使用textContent属性**：

var liElement = document.querySelector('li');
liElement.textContent = '新的文本';

这种方法更简洁，因为它不会插入HTML标签。

3. **使用DOM方法如textNode或appendChild创建新节点**：

var liElement = document.querySelector('li');
var newNode = document.createTextNode('新的文本');
liElement.appendChild(newNode);

这会创建一个新的文本节点，并将其添加到`<li>`元素内部。

4. **如果需要从数组或其他数据源动态生成内容**，可以遍历数据并创建相应的新节点：

var data = ['列表项1', '列表项2'];
data.forEach(function(text) {
    var li = document.createElement('li');
    li.textContent = text;
    // 将li添加到某个容器元素中
    container.appendChild(li);
});