English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML DOM innerHTML Attribut

HTML DOM Element-Objekt

innerHTML vonDas Attribut setzt oder gibt das HTML-Inhalt des Elements zurück.

Beachten Sie:Falls die Kindtextknoten des Elements <div>, <span> oder <noembed> das Zeichen (&), (<) oder (>) enthalten, werden diese Zeichen als HTML-Entitäten „&amp;“, „&lt;“ und „&gt;“ interpretiert. VerwendentextContentDas Attribut holt die ursprüngliche Kopie des Textknoteninhalts.

Syntax:

Rückgabe des Attributs innerHTML:

element.innerHTML

Setzen Sie das Attribut innerHTML:

element.innerHTML = text
document.getElementById("para").innerHTML = "Hello world";
Testen Sie heraus‹/›

Browser-Kompatibilität

Alle Browser unterstützen die Eigenschaft innerHTML vollständig:

Eigenschaft
innerHTMLJaJaJaJaJa

Attributswert

WertBeschreibung
textHTML-Inhalt des angegebenen Elements

Technische Details

Rückgabewert:Ein String, der den HTML-Inhalt des Elements darstellt
DOM-Version:DOM-Stufe1

Mehr Beispiele

Verwenden Sie id="para", um den HTML-Inhalt des <p>-Elements zu erhalten:

var x = document.getElementById("para").innerHTML;
Testen Sie heraus‹/›

Sie können den gesamten Inhalt der Dokumentbody-Attribut löschen, um den gesamten Inhalt des Dokuments zu leeren:

document.body.innerHTML = "";
Testen Sie heraus‹/›

Verwandte Referenzen

HTML DOM Referenz:HTML DOM textContent-Eigenschaft

HTML DOM Element-Objekt