js给ul循环添加li
时间: 2023-07-19 18:38:43 浏览: 101
CSS结合JavaScript 实现Li隔行换色 代码
好的,您可以使用JavaScript中的for循环和DOM操作来实现给一个ul元素添加li子元素的功能。代码如下:
```javascript
// 获取ul元素
var ulElement = document.querySelector('ul');
// 创建li元素并添加到ul中
for (var i = 0; i < 5; i++) {
var liElement = document.createElement('li');
liElement.textContent = '这是第' + (i+1) + '个li元素';
ulElement.appendChild(liElement);
}
```
上面的代码中,首先通过`document.querySelector`获取了一个ul元素,然后使用for循环创建了5个li元素,并将其添加到了ul元素中。其中,`document.createElement`用于创建一个新的元素节点,`textContent`用于设置元素的文本内容,`appendChild`用于将新创建的li元素添加到ul元素的子元素列表中。
阅读全文