[JavaScript] Jak pobrać element i umieścić go w wybranym miejscu? Opcje

[stellatus]

Kod

<div id="new-sentence"></div>
<div id="snax-new-item-wrapper-9353">
  <div class="a">
    <ul>
      <li>Lorem</li>
      <li>ipsum</li>
      <li>dolor</li>
      <li>si</li>
      <li>amet</li>
    </ul>
    
  </div>
</div>

Kod

#snax-new-item-wrapper-9353 {
  background-color: coral;
}

Kod

document.getElementById("new-sentence").innerHTML = document.getElementById("snax-new-item-wrapper-9353").innerHTML

https://codepen.io/pen/

Jak pobrać element i umieścić go w wybranym miejscu? Np. chcę pobrać całego diva "snax-new-item-wrapper-9353" i umieścić go w divie "new-sentence". Logika nakazuje skasować ".innerHTML" przy "document.getElementById("snax-new-item-wrapper-9353")", ale wtedy pojawia się "[object HTMLDivElement]". Dlaczego tak się dzieje?

To nie działa:

Kod

function appendIt() {
  var source = document.getElementById("snax-new-item-wrapper-9353");
  document.getElementById("new-sentence").appendChild(source);
};
appendIt();

A nie, sorry, działa jednak.

Ten post edytował stellatus 29.02.2020, 00:14:56

[viking]

Kod

document.getElementById('new-sentence').appendChild(document.getElementById('snax-new-item-wrapper-9353'));

https://prophp.pl/advice/show/19/wstawianie...ny_za_pomoca_js

[stellatus]

Dzięki bardzo!