获取“[object HTMLDivElement]”而不是其内容？

我只想创建原始副本divs 位于一个带有一个案例的新 div 中 -
Case 1 :复制那些具有favouriteid 的新 div 内的类fav_items.

我已经尝试过 -
我都尝试过innerHTML and appendChild()方法 。
当我尝试时innerHTML然后它给了[object HTMLDivElement]而不是真正的内容。
当我尝试时appendChild()方法，然后它将 div 从原始位置移动到新的 div。

Code :
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()方法然后它移动类的 divfavourite从原来的位置到新的id的divcart_items.

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

   

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>

那么我怎样才能显示班级的divfavourite到 id 的 divcart_items ?

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

我认为通过将innerHTML 添加到fav_items 你会得到里面的内容。 另外，您还有一个拼写错误，类名是“favorite”而不是“favorite”。