HTML DOM innerHTML- eigenschap
Voorbeeld
Wijzig de HTML-inhoud van een <p>-element met id="demo":
document.getElementById("demo").innerHTML = "Paragraph changed!";
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De eigenschap innerHTML stelt de HTML-inhoud (innerlijke HTML) van een element in of retourneert deze.
Browserondersteuning
Property | |||||
---|---|---|---|---|---|
innerHTML | Yes | Yes | Yes | Yes | Yes |
Syntaxis
Retourneer de eigenschap innerHTML:
HTMLElementObject.innerHTML
Stel de eigenschap innerHTML in:
HTMLElementObject.innerHTML = text
Eigendomswaarden
Value | Description |
---|---|
text | Specifies the HTML content of an element |
Technische details
Winstwaarde: | Een tekenreeks, die de HTML-inhoud van een element vertegenwoordigt |
---|
Meer voorbeelden
Voorbeeld
Haal de HTML-inhoud van een <p>-element op met id="myP":
var x = document.getElementById("myP").innerHTML;
Voorbeeld
Haal de HTML-inhoud van een <ul>-element op met id="myList":
var x = document.getElementById("myList").innerHTML;
Voorbeeld
Wijzig de HTML-inhoud van twee elementen:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
Voorbeeld
Waarschuw de HTML-inhoud van een <p>-element met id="demo":
alert(document.getElementById("demo").innerHTML);
Voorbeeld
Verwijder de HTML-inhoud van een <p>-element met id="demo":
document.getElementById("demo").innerHTML = ""; // Replaces the content of <p> with an empty string
Voorbeeld
Wijzig de HTML-inhoud, URL en doel van een link:
document.getElementById("myAnchor").innerHTML = "W3Schools";
document.getElementById("myAnchor").href = "https://www.w3schools.com";
document.getElementById("myAnchor").target = "_blank";
❮ Elementobject