创建div并添加样式

发布于 2024-10-24 08:07:57 字数 176 浏览 2 评论 0原文

我有一个 id="elements" 的大 div，我从 JSON 文件加载新的 elements 对象，我需要为每个元素在 elements 内创建新的 div （ elements div 应该包含很多较小的 div，对于每个元素一个小 div ）。如何将这个小div一个接一个地放在这个大div内？如何给这个小div添加一个类样式？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

勿忘初心 2024-10-31 08:07:57

在 Dojo 中（因为您有 dojo 标签）：

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

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

当然，您可以将任何内容作为您的 div 的类。我只是提供了一个例子。在dojo.create 的第二个参数中，您传入一个散列，其中包含您希望div 具有的所有属性。

In Dojo (since you have the dojo tag):

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

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

Of course, you can put anything as the class for your div. I just provided an example. In the second argument to dojo.create, you pass in a hash containing all the properties you want that div to have.

回复收藏 0 原文

安人多梦 2024-10-31 08:07:57

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

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

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

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

然后，您将在迭代 JSON 数据时继续创建 childDiv，并将它们插入到上面的 div 节点中。

Create a new DOM element like so:

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

Then add to the outer div like so:

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

You would then keep creating childDivs as you iterate over your JSON data, and inserting them into the div Node as above.

回复收藏 0 原文

吾家有女初长成 2024-10-31 08:07:57

我认为你需要这样的东西：

<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>

测试一下

I think you need something like this:

<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>

Test it

回复收藏 0 原文

紫瑟鸿黎 2024-10-31 08:07:57

有一个简单的 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);
    }

这就是您在寻找的东西？

There a simple jQuery functions for that:

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);
    }

That's what you where looking for?

回复收藏 0 原文

~没有更多了~