Estoy tratando de insertar todo el elemento en el elemento contenedor, sin embargo, arroja algún objeto al DOM
JS:
const CONTAINER = document.getElementById('container'); let title = document.querySelector('h1').cloneNode(true); CONTAINER.insertAdjacentHTML('beforeend', title);HTML:
<div class="container" id="container"></div> <h1>Test</h1>O, como una sola línea:
document.getElementById('container').insertAdjacentHTML('beforeend', document.querySelector('h1').outerHTML); <div class="container" id="container">This is the target container</div> <p>Some padding text</p> <h1>Test</h1>title es un HTMLElementObject. Utilice appendChild en su lugar.
const CONTAINER = document.getElementById('container'); let title = document.querySelector('h1').cloneNode(true); CONTAINER.appendChild(title); <div class="container" id="container"></div> <h1>Test</h1>