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
Mehrere Texte gleichzeitig ersetzen
Tutorial | 0 Kommentare
MySQL: Zeilenumbrüche in MySQL
Tipp | 0 Kommentare
PHP: Nur bestimmte Buchstaben, Zahlen und Zeichen in einem String zulassen
Tipp | 10 Kommentare
jQuery: HTML5 Canvas mit Ajax an Server senden
Tutorial | 0 Kommentare
CSS-Stylesheets in HTML einbinden
Tutorial | 0 Kommentare
HTML: Unterschied zwischen ID und CLASS
Info | 0 Kommentare
Windows Batch Script: Computer herunterfahren
Tutorial | 2 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.