Esempio
Cambiare il contenuto HTML di un <p> elemento con id = "demo":
document.getElementById("demo").innerHTML = "Paragraph changed!"; Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
Gli insiemi di proprietà innerHTML o restituisce il contenuto HTML (inner HTML) di un elemento.
Supporto browser
| Proprietà | |||||
|---|---|---|---|---|---|
| innerHTML | sì | sì | sì | sì | sì |
Sintassi
Restituire la proprietà innerHTML:
HTMLElementObject .innerHTMLImpostare la proprietà innerHTML:
HTMLElementObject .innerHTML= I valori delle proprietà Valore Descrizione text Specifica il contenuto HTML di un elemento
Dettagli tecnici
Valore di ritorno: A String, che rappresenta il contenuto di un elemento HTML
Altri esempi
Esempio
Prendi il contenuto HTML di un <p> elemento con id = "MYP":
var x = document.getElementById("myP").innerHTML; Il risultato di x sarà:
I am a paragraph. Prova tu stesso "
Esempio
Prendi il contenuto HTML di un <ul> elemento con id = "myList":
var x = document.getElementById("myList").innerHTML; Il risultato di x sarà:
- Coffee
- Tea
Prova tu stesso "
Esempio
Modificare il contenuto HTML di due elementi:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?"; Prova tu stesso "
Esempio
Avvertire il contenuto HTML di un <p> elemento con id = "demo":
alert(document.getElementById("demo").innerHTML); Prova tu stesso "
Esempio
Eliminare il contenuto HTML di un <p> elemento con id = "demo":
document.getElementById("demo").innerHTML = ""; //
Replaces the content of <p> with an empty string Prova tu stesso "
Esempio
Cambiare il contenuto HTML, URL e la destinazione di un link:
document.getElementById("myAnchor").innerHTML = "w3ii";
document.getElementById("myAnchor").href = "http://www.w3ii.com";
document.getElementById("myAnchor").target = "_blank";
Prova tu stesso "
<Oggetto Element