创建div和添加样式

Question

我有一个大div与ID =“元素”，我从JSON文件加载新的元素对象，我需要为每个元素创建新的div内元素（元素div应该包含很多较小的div，为每个元素一个小格）。如何将这个小格子放在这个大格子里面呢？如何添加这个小divs的类风格？

Answer 1

在道场（因为你有道场标签）：

var div_elements = dojo.byId("elements"); 

dojo.forEach(json_data.items, function(item) { 
    dojo.create("div", { "class":"whatever " + item.classNames }, div_elements); 
}); 

当然，你可以把任何东西作为类的股利。我只是提供了一个例子。在dojo.create的第二个参数中，您传递一个散列，其中包含您想要的所有属性div。

Answer 2

我想你需要的东西是这样的：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" ></script> 

<script type="text/javascript"> 

$(document).ready(function(){ 

json_data = 'Hey'; 

$('#elements').append('<div class="in_elements">' + json_data + '</div>'); 

}); 

</script> 

<div id="elements"> 

</div> 

测试它

Answer 3

有一个简单的jQuery的功能为：

var box= $("#elements"); 
    // create elements 
    for (var i=0; i<items.length; i++) { 
     var t = $("<div class=\"element\" id=\"item_"+i+"\">"+items[i]['text']+"</div>"); 
     box.append(t); 
    } 

那您要寻找的内容？

Answer 4

创建像这样一个新的DOM元素：

var childDiv = document.createElement('div'); 

然后添加到外层div像这样：

var insertedElement = div.insertBefore(childDiv, null); 

你会再继续，你遍历你的JSON数据创建childDivs，和像上面那样将它们插入div节点。