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.
Über den Autor
Der Autor hat keine Kurzbeschreibung seines Profils angegeben.
Profil anzeigen
Ähnliche Themen
jQuery: Element ersetzen
Frage | 1 Antwort
jQuery: Hintergrundfarbe eines HTML-Elements mit jQuery ändern
Frage | 1 Antwort
jQuery: Inhalt von DIV ersetzen
Frage | 1 Antwort
jQuery: Absolute Position eines Elements von oben (top) bestimmen
Frage | 1 Antwort
JavaScript: Zeilenumbruch ersetzen
Frage | 1 Antwort
jQuery: Data Attribut Wert lesen und ändern
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.