从数组元素创建divs [英] Create divs from Array elements

问题描述

我的数组中有不同的字符串。是否可以为HTML页面中的每个数组元素创建一个像
< div id =results>< / div> / p>

I have different strings in my array. Is it possible to create a divs like <div id="results"></div> for each array element in my HTML page?

推荐答案

没有使用任何框架或库的简单示例：

Sure, simple example without using any frameworks or libraries:

var cars = 'Saab,Volvo,BMW,GMC,Nissan,Ford'.split(',');
for (var c in cars) {
    var newElement = document.createElement('div');
    newElement.id = cars[c]; newElement.className = "car";
    newElement.innerHTML = cars[c];
    document.body.appendChild(newElement);
} 

您可以使用jsFiddle在这里看看这是如何工作的： http://jsfiddle.net/Shaz/geNNa/

You can take a look at how this works using jsFiddle here: http://jsfiddle.net/Shaz/geNNa/

这篇关于从数组元素创建divs的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！