原生JS 将数组的数据循环遍历到HTML中
要将数组的数据循环遍历到HTML中,可以通过原生JS使用循环来实现。以下是一个示例代码:
HTML:
“`
“`
JavaScript:
“`
var data = [‘apple’, ‘banana’, ‘orange’];
var list = document.getElementById(‘list’);
for (var i = 0; i < data.length; i++) {
var listItem = document.createElement(‘li’);
listItem.innerHTML = data[i];
list.appendChild(listItem);
}
“`
这段代码首先定义了一个数组data,里面包含了一些数据。然后通过getElementById方法获取到HTML中的ul元素,并赋值给变量list。接下来,使用for循环遍历数组data,每次循环都会创建一个li元素,并将当前数组元素的值赋给li元素的innerHTML属性。最后,将li元素添加到ul元素中,实现数据的循环遍历显示在HTML中。
以上是一个简单的例子,你可以根据需要进行修改和扩展,例如可以改变HTML的结构、样式或添加其他操作。