Propriété HTML DOM innerHTML
Exemple
Changez le contenu HTML d'un élément <p> avec id="demo":
document.getElementById("demo").innerHTML = "Paragraph changed!";
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La propriété innerHTML définit ou renvoie le contenu HTML (HTML interne) d'un élément.
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
innerHTML | Yes | Yes | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété innerHTML :
HTMLElementObject.innerHTML
Définissez la propriété innerHTML :
HTMLElementObject.innerHTML = text
Valeurs de propriété
Value | Description |
---|---|
text | Specifies the HTML content of an element |
Détails techniques
Valeur de retour : | Une chaîne, représentant le contenu HTML d'un élément |
---|
Plus d'exemples
Exemple
Récupère le contenu HTML d'un élément <p> avec id="myP":
var x = document.getElementById("myP").innerHTML;
Exemple
Récupère le contenu HTML d'un élément <ul> avec id="myList":
var x = document.getElementById("myList").innerHTML;
Exemple
Modifiez le contenu HTML de deux éléments :
document.getElementById("myP").innerHTML = "Hello Dolly.";
document.getElementById("myDIV").innerHTML = "How are you?";
Exemple
Alertez le contenu HTML d'un élément <p> avec id="demo":
alert(document.getElementById("demo").innerHTML);
Exemple
Supprimer le contenu HTML d'un élément <p> avec id="demo":
document.getElementById("demo").innerHTML = ""; // Replaces the content of <p> with an empty string
Exemple
Modifier le contenu HTML, l'URL et la cible d'un lien :
document.getElementById("myAnchor").innerHTML = "W3Schools";
document.getElementById("myAnchor").href = "https://www.w3schools.com";
document.getElementById("myAnchor").target = "_blank";
❮ Objet élément