我想利用 js for循环创造li并将其添加到一个 ul 元素中,并将第五个 li 元素的背景颜色设置为白色。
时间: 2023-03-24 10:03:28 浏览: 134
用javascript实现li 列表数据隔行变换背景颜色
可以使用以下代码实现:
```javascript
var ul = document.createElement("ul"); // 创建 ul 元素
for (var i = 1; i <= 5; i++) {
var li = document.createElement("li"); // 创建 li 元素
li.textContent = "第" + i + "个 li 元素"; // 设置 li 元素的文本内容
ul.appendChild(li); // 将 li 元素添加到 ul 元素中
if (i === 5) {
li.style.backgroundColor = "white"; // 将第五个 li 元素的背景颜色设置为白色
}
}
document.body.appendChild(ul); // 将 ul 元素添加到页面中
```
阅读全文