Beispiel
Ändern Sie den HTML - Inhalt eines <p> Element mit id = "Demo":
document.getElementById("demo").innerHTML = "Paragraph changed!"; Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die innerHTML- Eigenschaftssätze oder gibt den HTML - Inhalt (inner HTML) ein Element.
Browser-Unterstützung
| Eigentum | |||||
|---|---|---|---|---|---|
| innerHTML | Ja | Ja | Ja | Ja | Ja |
Syntax
Bringen Sie die Innerhtml Eigenschaft:
HTMLElementObject .innerHTMLStellen Sie die Eigenschaft innerhtml:
HTMLElementObject .innerHTML= Eigenschaftswerte Wert Beschreibung text Gibt den HTML-Inhalt eines Elements
Technische Details
Rückgabewert: Ein String, die den HTML-Inhalt eines Elements
Mehr Beispiele
Beispiel
Holen Sie sich den HTML - Inhalt eines <p> Element mit id = "Myp":
var x = document.getElementById("myP").innerHTML; Das Ergebnis von x wird sein:
I am a paragraph. Versuch es selber "
Beispiel
Holen Sie sich den HTML - Inhalt eines <ul> Element mit id = "myList":
var x = document.getElementById("myList").innerHTML; Das Ergebnis von x wird sein:
- Coffee
- Tea
Versuch es selber "
Beispiel
Ändern Sie den HTML-Inhalt aus zwei Elementen:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?"; Versuch es selber "
Beispiel
Alarmieren Sie den HTML - Inhalt eines <p> Element mit id = "Demo":
alert(document.getElementById("demo").innerHTML); Versuch es selber "
Beispiel
Löschen Sie den HTML - Inhalt eines <p> Element mit id = "Demo":
document.getElementById("demo").innerHTML = ""; //
Replaces the content of <p> with an empty string Versuch es selber "
Beispiel
Ändern Sie den HTML-Inhalt, URL und Ziel eines Links:
document.getElementById("myAnchor").innerHTML = "w3ii";
document.getElementById("myAnchor").href = "http://www.w3ii.com";
document.getElementById("myAnchor").target = "_blank";
Versuch es selber "
<Element Object