66 Stimmen

JavaScript und jQuery: Inhalt eines Elements mit innerHTML ersetzen

Tutorial von Progger99 | 20.09.2011 um 13:28

In diesem kleinen Minitutorial möchte ich euch zeigen, wie man das innere eines Elements in HTML mit JavaScript und jQuery durch einen beliebigen Inhalt ersetzen kann.

Angenommen, wir haben ein Element, zum Beispiel dieses DIV hier, das mit der id 'test' gekennzeichnet ist:

<div id="test">Alter Inhalt</div>

Nun möchten wir den Inhalt dieses Elements durch die Zeichenkette "Hello World" ersetzen. Dazu möchten wir uns eine Lösung mit JavaScript und eine Lösung mit jQuery ansehen.

Die JavaScript Lösung

document.getElementById("test").innerHTML = "Hello World";

In JavaScript können wir die Funktion getElementById() verwenden, um unser Element auszuwählen und mit der oben beschriebenen Weise den alten Inhalt durch "Hello World" ersetzen.

Die jQuery Lösung

$("#test").html("Hello World");

Einfacher ist es in jQuery. Hier reicht es, unser Element mit $("#test") auszuwählen und die Funktion html() zu benutzen, um das innerHTML dieses Elements zu ändern.

AntwortenPositivNegativ

Über den Autor

AvatarDer Autor hat keine Kurzbeschreibung seines Profils angegeben.
Profil anzeigen

 

Ähnliche Themen

CSS-Stylesheets in HTML einbinden

Tutorial | 0 Kommentare

Wichtiger Hinweis

Bitte beachten Sie: Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.

Jetzt mitmachen

Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.