Vlastnost HTML DOM innerHTML
Příklad
Změňte obsah HTML prvku <p> pomocí id="demo":
document.getElementById("demo").innerHTML = "Paragraph changed!";
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost innerHTML nastavuje nebo vrací obsah HTML (vnitřní HTML) prvku.
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
innerHTML | Yes | Yes | Yes | Yes | Yes |
Syntax
Vraťte vlastnost innerHTML:
HTMLElementObject.innerHTML
Nastavte vlastnost innerHTML:
HTMLElementObject.innerHTML = text
Hodnoty vlastností
Value | Description |
---|---|
text | Specifies the HTML content of an element |
Technické údaje
Návratová hodnota: | Řetězec představující obsah HTML prvku |
---|
Další příklady
Příklad
Získejte obsah HTML prvku <p> pomocí id="myP":
var x = document.getElementById("myP").innerHTML;
Příklad
Získejte obsah HTML prvku <ul> pomocí id="myList":
var x = document.getElementById("myList").innerHTML;
Příklad
Změňte obsah HTML dvou prvků:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
Příklad
Upozorněte na obsah HTML prvku <p> pomocí id="demo":
alert(document.getElementById("demo").innerHTML);
Příklad
Odstraňte obsah HTML prvku <p> pomocí id="demo":
document.getElementById("demo").innerHTML = ""; // Replaces the content of <p> with an empty string
Příklad
Změňte obsah HTML, adresu URL a cíl odkazu:
document.getElementById("myAnchor").innerHTML = "W3Schools";
document.getElementById("myAnchor").href = "https://www.w3schools.com";
document.getElementById("myAnchor").target = "_blank";
❮ Objekt prvku