cloneNode - не пойму как работает
 

<div id="app"><button class="button1">Button1</button></div>

const app = document.getElementById('app');
const button = app.querySelector('.button1');   

let cloneButton =  button.cloneNode(true);
cloneButton.innerHtml = 'CloneButton';

button.remove();
app.append(cloneButton) // вставляет Button1 !!! почему ??

app.append(cloneButton) // вставляет Button1 !!! почему ??
по идее cloneButton создаёт клон - это новый объект со своими свойствами ...

потому что js регистрозависимый язык!!!
строка 5.