[英]How do you target THIS Parent, from a child to make another child div show using nothing but classes with pure javascript?
[英]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>
假設您有bdiv
和adiv
對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.