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

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

javascript

使用Javascript使一个div成为另一个div的子div,javascript,Javascript,我已经创建了一个divadiv如何使用Javascript将此div设置为bdiv的子div？假设adiv是用Javascript创建的，并且bdiv是在页面上声明性创建的： document.getElementById("bdiv").appendChild(adiv); 假设在Javascript中创建了adiv，并且在页面上以声明方式创建了bdiv： document.getElementById("bdiv").appendChild(adiv); 假设您有对HTMLElement

我已经创建了一个div

adiv

如何使用Javascript将此div设置为

bdiv

的子div？

假设

adiv

是用Javascript创建的，并且

bdiv

是在页面上声明性创建的：

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

假设在Javascript中创建了

adiv

，并且在页面上以声明方式创建了

bdiv

：

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

假设您有对HTMLElements的

bdiv

和

adiv

引用：

bdiv.appendChild(adiv);

将

adiv

添加到

bdiv

作为最后一个子项。

假设您有

bdiv

和

adiv

对HTMLElements的引用：

bdiv.appendChild(adiv);

将

adiv

添加到

bdiv

作为最后一个子项。

请参阅完整示例：请参阅完整的示例：

您可以使用以下功能：

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

在JSFIDLE上查看，您可以使用以下功能：

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

查看JSFIDLE

这里是示例代码

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


在此处插入标题
函数appendDiv（）
{
var div1=document.getElementById（'div1'）；//获取div元素
var div2=document.createElement（“div”）；//创建一个新的div
div2.innerHTML=“div2”；
div1.appendChild（div2）；//追加到div
}
第一组

以下是示例代码

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


在此处插入标题
函数appendDiv（）
{
var div1=document.getElementById（'div1'）；//获取div元素
var div2=document.createElement（“div”）；//创建一个新的div
div2.innerHTML=“div2”；
div1.appendChild（div2）；//追加到div
}
第一组

bdiv是否已经存在？你能发布一段标记，让我们看看你的html的结构吗？@InfernalBadger:附加一个子项并不是jQuery真正需要的。不要挑剔，但我认为谷歌可以更容易地回答你的很多问题。bdiv已经存在了吗？你能发布一段标记，让我们看看你的html的结构吗？@InfernalBadger:附加一个子项并不是jQuery真正需要的东西。不要挑剔，但我认为谷歌可以更容易地回答你的很多问题。