Wie füge ich HTML an das DOM an, ohne „div.innerHTML' zu verwenden?

HTML an das DOM anhängen, ohne div.innerHTML zu verwenden

Beim Versuch, eine HTML-Zeichenfolge an das DOM anzuhängen, scheint der typische Ansatz div.innerHTML = str zu sein Dies ist praktisch, wird aber aufgrund möglicher Sicherheitsrisiken oft nicht empfohlen. In dieser Frage wird eine alternative Lösung zum Anhängen von HTML-Zeichenfolgen an ein bestimmtes Element untersucht.

In diesem Szenario besteht die Aufgabe darin, die HTML-Zeichenfolge

Nur etwas Text anzuhängen. hier

div.insertAdjacentHTML('beforeend', str);