Manchmal muss ich einer bestehenden HTML-Seite Elemente hinzufügen (z. B. einen neuen Link und ein Bild), aber ich habe nur Zugriff auf einen kleinen Teil der Seite, der weit von der Stelle entfernt ist, an der ich die Elemente einfügen muss. Ich möchte DOM-basierte JavaScript-Techniken verwenden, und ich muss die Verwendung von document.write() vermeiden.
Bislang habe ich etwas Ähnliches verwendet:
// Create new image element
var newImg = document.createElement("img");
newImg.src = "images/button.jpg";
newImg.height = "50";
newImg.width = "150";
newImg.alt = "Click Me";
// Create new link element
var newLink = document.createElement("a");
newLink.href = "/dir/signup.html";
// Append new image into new link
newLink.appendChild(newImg);
// Append new link (with image) into its destination on the page
document.getElementById("newLinkDestination").appendChild(newLink);Gibt es eine effizientere Methode, mit der ich das Gleiche erreichen kann? Es scheint alles notwendig zu sein, aber ich würde gerne wissen, ob es einen besseren Weg gibt, wie ich das machen könnte.
