我只想用一种情况在新div内创建原始div
的副本-
情况1 :
复制ID为favourite
的新div内具有fav_items
类的div。
我已经尝试过-
我尝试了innerHTML
和appendChild()
方法。
当我尝试innerHTML
时,它给出了[object HTMLDivElement]
而不是真实的内容。
当我尝试appendChild()
方法时,它将div从其原始位置移动到新的div。
代码:
的HTML
<div id="blog-posts">
<div class="favourite">
<p>Item 1.</p>
<div>
<div class="item">
<p>Item 2.</p>
<div>
<div class="favourite">
<p>Item 3.</p>
<div>
</div>
<!-- Favourite Added items---------->
<div id="cart_items">
<h2>Your items :</h2>
</div>
Javascript使用innerHTML
var cart_div = document.getElementById("cart_items");
var fav_items = document.getElementsByClassName("favorite");
for(let i = 0; i< fav_items.length; i++){
cart_div.innerHTML += fav_items[i];
}
Javascript使用appendChild()
var cart_div = document.getElementById("cart_items");
var fav_items = document.getElementsByClassName("favourite");
for(let i = 0; i< fav_items.length; i++){
cart_div.appendChild(fav_items[i]);
}
但是,当我使用
appendChild()
方法时,它将类favourite
的div从其原始位置移动到ID为cart_items
的新div。使用innerHTML进行代码预览
var cart_div = document.getElementById("cart_items");
var fav_items = document.getElementsByClassName("favourite");
for(let i = 0; i< fav_items.length; i++){
cart_div.innerHTML += fav_items[i];
}
<div id="blog-posts">
<div class="favourite">
<p>Item 1.</p>
<div>
<div class="item">
<p>Item 2.</p>
<div>
<div class="favourite">
<p>Item 3.</p>
<div>
</div>
<!-- Favourite Added items---------->
<div id="cart_items">
<h2>Your items :</h2>
</div>
使用appendChild()进行代码预览
var cart_div = document.getElementById("cart_items");
var fav_items = document.getElementsByClassName("favorite");
for(let i = 0; i< fav_items.length; i++){
cart_div.appendChild(fav_items[i]);
}
<div id="blog-posts">
<div class="favourite">
<p>Item 1.</p>
<div>
<div class="item">
<p>Item 2.</p>
<div>
<div class="favourite">
<p>Item 3.</p>
<div>
</div>
<!-- Favourite Added items---------->
<div id="cart_items">
<h2>Your items :</h2>
</div>
那么如何显示类
favourite
的div到id cart_items
的div呢? 最佳答案
var cart_div = document.getElementById("cart_items");
var fav_items = document.getElementsByClassName("favourite");
for(let i = 0; i< fav_items.length; i++){
cart_div.innerHTML += fav_items[i].innerHTML;
}
我认为,通过在fav_items中添加innerHTML,您将了解里面的内容。
另外,您还有一个错别字,类名是“收藏夹”而不是“收藏夹”。