簡體   English   中英

使用Javascript將div作為另一個div的子級

[英]Make a div a child of another div using Javascript

我已經創建了一個div adiv如何使用Javascript使該div成為bdiv的子bdiv

假設adiv是用Javascript創建的,而bdiv是在頁面上以聲明方式創建的:

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

這是示例代碼

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

假設您有bdivadiv對HTMLElements的引用:

bdiv.appendChild(adiv);

adiv作為最后一個孩子添加到bdiv中。

查看完整的示例: http : //jsfiddle.net/XFMUp/

您可以按如下方式使用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上查看此示例

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM