HTML DOM innerHTML Eiendom
Voorbeeld
Verander die HTML-inhoud van 'n <p>-element met id="demo":
document.getElementById("demo").innerHTML = "Paragraph changed!";
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die innerHTML-eienskap stel of gee die HTML-inhoud (binne-HTML) van 'n element terug.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
innerHTML | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Gee die innerHTML-eienskap terug:
HTMLElementObject.innerHTML
Stel die innerHTML-eienskap:
HTMLElementObject.innerHTML = text
Eiendomswaardes
Value | Description |
---|---|
text | Specifies the HTML content of an element |
Tegniese besonderhede
Terugkeerwaarde: | 'n String, wat die HTML-inhoud van 'n element verteenwoordig |
---|
Meer voorbeelde
Voorbeeld
Kry die HTML-inhoud van 'n <p>-element met id="myP":
var x = document.getElementById("myP").innerHTML;
Voorbeeld
Kry die HTML-inhoud van 'n <ul>-element met id="myList":
var x = document.getElementById("myList").innerHTML;
Voorbeeld
Verander die HTML-inhoud van twee elemente:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
Voorbeeld
Waarsku die HTML-inhoud van 'n <p>-element met id="demo":
alert(document.getElementById("demo").innerHTML);
Voorbeeld
Vee die HTML-inhoud van 'n <p>-element uit met id="demo":
document.getElementById("demo").innerHTML = ""; // Replaces the content of <p> with an empty string
Voorbeeld
Verander die HTML-inhoud, URL en teiken van 'n skakel:
document.getElementById("myAnchor").innerHTML = "W3Schools";
document.getElementById("myAnchor").href = "https://www.w3schools.com";
document.getElementById("myAnchor").target = "_blank";
❮ Elementvoorwerp