Exemple
Modifier le contenu HTML d'un <p> élément avec id = "demo":
document.getElementById("demo").innerHTML = "Paragraph changed!"; Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Les ensembles de propriétés innerHTML ou retourne le contenu HTML (inner HTML) d'un élément.
Support du navigateur
| Propriété | |||||
|---|---|---|---|---|---|
| innerHTML | Oui | Oui | Oui | Oui | Oui |
Syntaxe
Retour la propriété innerHTML:
HTMLElementObject .innerHTMLDéfinissez la propriété innerHTML:
HTMLElementObject .innerHTML= Valeurs de propriété Valeur La description text Indique le contenu HTML d'un élément
Détails techniques
Valeur de retour: Une chaîne, ce qui représente le contenu HTML d'un élément
autres exemples
Exemple
Obtenez le contenu HTML d'un <p> élément avec id = "myP":
var x = document.getElementById("myP").innerHTML; Le résultat de x sera:
I am a paragraph. Essayez vous - même »
Exemple
Obtenez le contenu HTML d'un <ul> élément avec id = "myList":
var x = document.getElementById("myList").innerHTML; Le résultat de x sera:
- Coffee
- Tea
Essayez vous - même »
Exemple
Modifier le contenu HTML de deux éléments:
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?"; Essayez vous - même »
Exemple
Alerter le contenu HTML d'un <p> élément avec id = "demo":
alert(document.getElementById("demo").innerHTML); Essayez vous - même »
Exemple
Supprimer le contenu HTML d'un <p> élément avec id = "demo":
document.getElementById("demo").innerHTML = ""; //
Replaces the content of <p> with an empty string Essayez vous - même »
Exemple
Modifier le contenu HTML, URL et la cible d'un lien:
document.getElementById("myAnchor").innerHTML = "w3ii";
document.getElementById("myAnchor").href = "http://www.w3ii.com";
document.getElementById("myAnchor").target = "_blank";
Essayez vous - même »
<Object Élément