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

问题描述

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

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/基因Na/

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

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