h5的无序列表的for循环
时间: 2023-07-13 10:27:13 浏览: 44
可以使用JavaScript循环来生成H5无序列表,以下是一个简单的例子:
HTML部分:
```html
<ul id="myList"></ul>
```
JavaScript部分:
```javascript
// 获取id为myList的无序列表元素
var myList = document.getElementById("myList");
// 定义一个数组,包含需要生成的列表项内容
var listItems = ["列表项1", "列表项2", "列表项3", "列表项4", "列表项5"];
// 循环遍历listItems数组,生成相应的列表项
for (var i = 0; i < listItems.length; i++) {
// 创建一个新的列表项元素
var listItem = document.createElement("li");
// 设置列表项的文本内容为当前循环变量i的对应项
listItem.textContent = listItems[i];
// 将新的列表项添加到无序列表中
myList.appendChild(listItem);
}
```
在以上代码中,我们使用了`document.getElementById()`方法获取了H5页面中的无序列表元素,并使用了一个包含需要生成的列表项内容的数组`listItems`。然后我们使用`for`循环遍历数组,生成相应的列表项。在循环中,我们使用`document.createElement()`方法创建了新的列表项元素,并使用`textContent`属性将当前遍历项的值设置为列表项的文本内容。最后,我们使用`appendChild()`方法将新的列表项添加到无序列表中。