将 li 附加到 ul JavaScript

在 JavaScript 中，可以使用 appendChild() 方法将一个元素节点添加到指定的父元素节点中。对于将 li 元素添加到 ul 元素中，则可以按以下步骤进行：

1. 获取 ul 元素节点和要添加的 li 元素节点。可以使用 document.getElementById() 或 document.querySelector() 方法来获取元素节点。

const ulElement = document.getElementById('my-ul');
const liElement = document.createElement('li');

2. 在 li 元素节点中添加文本或其他子节点（例如链接或图像）。

liElement.textContent = 'New item';

3. 将 li 元素节点添加到 ul 元素节点中。

ulElement.appendChild(liElement);

完整的代码示例：

const ulElement = document.getElementById('my-ul');
const liElement = document.createElement('li');
liElement.textContent = 'New item';
ulElement.appendChild(liElement);

记得在 HTML 中设置 id 属性来标识 ul 元素，例如：

<ul id="my-ul">
  <li>Item 1</li>
  <li>Item 2</li>
</ul>

这样，JavaScript 就可以通过 document.getElementById('my-ul') 方法来获取该元素。

通过 appendChild() 方法，可以将任意元素节点添加到其他元素节点中，例如添加多个子节点或跨级添加子节点。但需要注意的是，添加已存在的节点时，该节点将从原位置移动到新位置。如果需要创建一份新的节点，可以通过 cloneNode() 方法创建一个副本。