Question

我想将以下div运行时与此样式添加到其他div

<div id="grid" style="width: 100%; height:180px;">
                </div>

父div：

  <div id="graph" class="tabdiv"></div>

我想将grid div添加到具有给定样式的图形div，如何使用jquery或javascript，plz help

Answer 1

在JQuery中：

$('#graph').append('<div id="grid" style="width: 100%; height:180px;"></div>')

Answer 2

试

 $(document).ready(function () {
        var newdiv = $('<div/>', { style: "width: 100%; height:180px;", id: "grid" });
        $("#graph").append(newdiv);
    });

Answer 3

您可以通过以下两种方式来实现：

1＆GT;当您希望父级作为返回控件时使用.append()

$('#graph').append('<div id="grid" style="width: 100%; height:180px;"></div>')

或

2 - ;当您希望将孩子作为回归控制时使用.appendTo()

var childDiv='<div id="grid" style="width: 100%; height:180px;"></div>';
childDiv.appendTo($('#graph'))

Answer 4

试试这个

$('<div></div>', {class:'tabdiv', id:'graph', text:'Hi'}).appendTo('body')

Fiddle Demo

Answer 5

使用jquery .append()

$('#graph').append("<div id='grid' style='width: 100%; height:180px;'></div>");

FIDDLE

Answer 6

以下是原生JavaScript：

var 
    node     = document.getElementById('graph'),
    template = '<div id="grid" style="width: 100%; height:180px;"></div>'

    node.innerHTML=template  

    //or you can ...

    node.innerHTML+=template

可能答案可以帮助你。

如何使用样式和ID动态添加div

6 个答案: