JavaScript在Div標籤上動態添加另一個Div數據

我想將已定義的「舊div」標籤的內容動態添加到「新div」標籤中，但它不起作用。我試過的代碼附在下面。還有一個問題，如何動態刪除附加的div標籤？JavaScript在Div標籤上動態添加另一個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-29 Naeem Ul Wahhab

這肯定是一個好主意。 –

好的我解決了。我的代碼出現了一些錯誤。它的工作現在。

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

      function add() { 

     var i = document.getElementById('old'); 

     var d = document.createElement('div'); 
     d.id = "new1"; 
     d.innerHTML = i.innerHTML ; 
     var p = document.getElementById('new'); 

     p.appendChild(d); 

    } 

    function removeLocation() { 

     var d = document.getElementById('new1'); 

     var p = document.getElementById('new'); 

     p.removeChild(d); 

    } 
     </script> 

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

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

來源

2011-11-29 20:03:24

試試這個

var i = document.getElementById('old'); 
var d = document.getElementById('new'); 
d.innerHTML += i.innerHTML;

來源

2011-11-29 20:06:22

很棒..你讓它簡單得多。我正在爲你投票。 :-) –

innerHTML不是一個美麗的方式，所以我建議使用appendChild代替它;） – user3252538

JavaScript在Div標籤上動態添加另一個Div數據

回答

相關問題