Hierarchy Request Error

0 
<body>

<div id="1" class="div1">
Stefanie is nice.
</div>



<script>
function handle_div(eventObj) {
	let div1 = eventObj.target;
	let div2 = document.createElement("div");
	
	div1.classList.remove("div1");
	div1.classList.add("div2");
	
	div2.id = "2";
	div2.classList.add("div1");
	div2.innerHTML = "div2";
	div1.appendChild("div2");                    // Linia 40
}

document.getElementById("1").onclick = handle_div;


</script>

Błąd wyskakuje w linii 40.
Co jest nie tak?

1

Znalazłem problem:
Cudzysłowy wywołują ten błąd. Metoda appendChild wymaga podania w nawiasie nazwy obiektu, ale bez cudzysłowów.

div1.appendChild(div2);                       // Poprawiona linia 40

1 użytkowników online, w tym zalogowanych: 0, gości: 1