Javascript動態地添加DIV標記

我想將已定義的「舊div」標記的內容動態添加到「新div」標記中，但由於我是JavaScript新手，我不知道該怎麼辦這個。我試過的代碼附在下面。還有一個問題，如何動態刪除附加的div標籤？Javascript動態地添加DIV標記

<html> 
<head> 
<script type="text/javascript"> 

function add() { 

var i = document.getElementById('old'); 
var d = document.getElementById('new'); 
d.appendChild(i); 
} 
</script> 

</head> 
<body> 
<div id="old"> 
Content of old div 
</div> 

<div id="new"> 
</div> 
<button onclick="add">Add</button> 
</body> 
</html>

來源

2011-11-28 Naeem Ul Wahhab

你可以使用庫嗎？ [jQuery]（http://jquery.com/）例如 –

@RichardD感謝您的建議。其實我在jquerry中並不擅長。我更喜歡用js的方式 –

你的代碼是正確的，除了一兩件事。將按鈕標籤更改爲：

<button onclick="add();">Add</button>

以下代碼中圍繞新div的水平線將清楚地顯示它正在工作。

<html> 
    <head> 
     <script type="text/javascript"> 

      function add() { 
       console.log("In add"); 
       var i = document.getElementById('old'); 
       var d = document.getElementById('new'); 
       d.appendChild(i); 
      } 
     </script> 

    </head> 
    <body> 
     <div id="old"> 
      Content of old div 
     </div> 

     <hr/> 
     <div id="new"> 
     </div> 
     <hr/> 
     <button onclick="add();">Add</button> 
    </body> 
</html>

希望這能解決您的問題。

來源

2011-11-28 15:32:28

感謝您的幫助。真的很高興你 –

務必：

 
var iContent = document.getElementById('old').innerHTML; 
document.getElementById('new').innerHTML = iContent; // assuming you already have new div

來源

2011-11-28 15:32:00

Javascript動態地添加DIV標記

回答

相關問題