Question

我创建了一个div adiv如何使用Javascript将此div作为bdiv的子项？

Answer 1

假设在Javascript中创建了adiv，并且在页面上以声明方式创建了bdiv：

document.getElementById("bdiv").appendChild(adiv);

Answer 2

以下是示例代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">

function appendDiv()
{
    var div1=document.getElementById('div1');//get the div element
    var div2=document.createElement("div");//create a new div
    div2.innerHTML="div2";

    div1.appendChild(div2);// append to div
}

</script>
</head>
<body onload=appendDiv()>
<div id="div1">
div1
</div>
</body>
</html>

Answer 3

假设您已获得对HTMLElements的bdiv和adiv个引用：

bdiv.appendChild(adiv);

将adiv添加到bdiv作为最后一个孩子。

Answer 4

看一个完整的例子： http://jsfiddle.net/XFMUp/

Answer 5

您可以使用appendChild功能，如下所示：

<div id="diva">a</div>
<div id="divb">b</div>

使用以下javaScript移动删除它的div。

var diva = document.getElementById("diva");
var divb = document.getElementById("divb");

diva.appendChild(divb);

查看jsFiddle上的this example

使用Javascript使div成为另一个div的子项

5 个答案: