HTML-DOM innerHTML- Eigenschaft
Beispiel
Ändern Sie den HTML-Inhalt eines <p>-Elements mit id="demo":
document.getElementById("demo").innerHTML = "Paragraph changed!";
Weitere „Probieren Sie es selbst“-Beispiele weiter unten.
Definition und Verwendung
Die innerHTML-Eigenschaft legt den HTML-Inhalt (inneres HTML) eines Elements fest oder gibt ihn zurück.
Browser-Unterstützung
Property | |||||
---|---|---|---|---|---|
innerHTML | Yes | Yes | Yes | Yes | Yes |
Syntax
Geben Sie die innerHTML-Eigenschaft zurück:
HTMLElementObject.innerHTML
Legen Sie die innerHTML-Eigenschaft fest:
HTMLElementObject.innerHTML = text
Eigenschaftswerte
Value | Description |
---|---|
text | Specifies the HTML content of an element |
Technische Details
Rückgabewert: | Ein String, der den HTML-Inhalt eines Elements darstellt |
---|
Mehr Beispiele
Beispiel
Holen Sie sich den HTML-Inhalt eines <p>-Elements mit id="myP":
var x = document.getElementById("myP").innerHTML;
Beispiel
Holen Sie sich den HTML-Inhalt eines <ul>-Elements mit id="myList":
var x = document.getElementById("myList").innerHTML;
Beispiel
Ändern Sie den HTML-Inhalt von zwei Elementen:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
Beispiel
Benachrichtigen Sie den HTML-Inhalt eines <p>-Elements mit id="demo":
alert(document.getElementById("demo").innerHTML);
Beispiel
Löschen Sie den HTML-Inhalt eines <p>-Elements mit id="demo":
document.getElementById("demo").innerHTML = ""; // Replaces the content of <p> with an empty string
Beispiel
Ändern Sie den HTML-Inhalt, die URL und das Ziel eines Links:
document.getElementById("myAnchor").innerHTML = "W3Schools";
document.getElementById("myAnchor").href = "https://www.w3schools.com";
document.getElementById("myAnchor").target = "_blank";
❮ Elementobjekt