JS implementiert die Append-Funktion von jQuery

HTMLElement.prototype.appendHTML = Funktion(html) {
	let divTemp = document.createElement("div");
	lass Knoten = null;
	let fragment = document.createDocumentFragment();
	divTemp.innerHTML = html;
	Knoten = divTemp.childNodes;
	nodes.forEach(item => {
		Fragment.appendChild(item.cloneNode(true));
	})
	// Bis zum Ende anfügen
	dies.appendChild(Fragment);
	// Vorangestellten Eintrag einfügen
	// dies.insertBefore(fragment, dies.firstChild);
	Knoten = null;
	Fragment = null;
};

<Stil>
.Kind {
  Höhe: 50px;
  Breite: 50px;
  Hintergrund: #66CCFF;
  Rand unten: 1em;
}
</Stil>

<div id="app">
  <div Klasse="Kind">
  <div Klasse="Kind">
</div>

let app = document.getElementById('app');
lass Kind = `<div class="child">nach unten</div>`;
app.appendHTML(Kind);

var div2 = document.querySelector("#div2");
  div2.insertAdjacentHTML("beforebegin","<p>hallo Welt</p>");//Fügen Sie vor dem aufrufenden Element ein Element hinzudiv2.insertAdjacentHTML("afterbegin","<p>hallo Welt</p>");//Fügen Sie innerhalb des aufrufenden Elements ein untergeordnetes Element hinzu und ersetzen Sie das erste untergeordnete Elementdiv2.insertAdjacentHTML("beforeend","<p>hallo Welt</p>");//Fügen Sie nach dem aufrufenden Element ein untergeordnetes Element hinzu und ersetzen Sie das letzte untergeordnete Elementdiv2.insertAdjacentHTML("afterend","<p>hallo Welt</p>");//Fügen Sie nach dem aufrufenden Element ein Element hinzu