Proprietà HTML DOM innerHTML
Esempio
Modifica il contenuto HTML di un elemento <p> con id="demo":
document.getElementById("demo").innerHTML = "Paragraph changed!";
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La proprietà innerHTML imposta o restituisce il contenuto HTML (HTML interno) di un elemento.
Supporto browser
Property | |||||
---|---|---|---|---|---|
innerHTML | Yes | Yes | Yes | Yes | Yes |
Sintassi
Restituisce la proprietà innerHTML:
HTMLElementObject.innerHTML
Imposta la proprietà innerHTML:
HTMLElementObject.innerHTML = text
Valori di proprietà
Value | Description |
---|---|
text | Specifies the HTML content of an element |
Dettagli tecnici
Valore di ritorno: | Una stringa, che rappresenta il contenuto HTML di un elemento |
---|
Altri esempi
Esempio
Ottieni il contenuto HTML di un elemento <p> con id="myP":
var x = document.getElementById("myP").innerHTML;
Esempio
Ottieni il contenuto HTML di un elemento <ul> con id="myList":
var x = document.getElementById("myList").innerHTML;
Esempio
Modifica il contenuto HTML di due elementi:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
Esempio
Avvisa il contenuto HTML di un elemento <p> con id="demo":
alert(document.getElementById("demo").innerHTML);
Esempio
Elimina il contenuto HTML di un elemento <p> con id="demo":
document.getElementById("demo").innerHTML = ""; // Replaces the content of <p> with an empty string
Esempio
Modifica il contenuto HTML, l'URL e la destinazione di un collegamento:
document.getElementById("myAnchor").innerHTML = "W3Schools";
document.getElementById("myAnchor").href = "https://www.w3schools.com";
document.getElementById("myAnchor").target = "_blank";
❮ Oggetto Elemento