Dom HTML : Objet Element.innerHTML

La propriété javascript innerHTML

Définition

L'attribut javascript innerHTML de l'objet Element du Document Object Model HTML (DOM HTML) permet de connaître et de modifier le contenu d'une balise HTML ou XHTML (insertion direct de code HTML).

Valeur retournée et acceptée de innerHTML

Valeur retournée et acceptée

L'attribut javascript innerHTML de l'objet Element du Document Object Model HTML (DOM HTML) renvoie une valeur :
- une chaine de caractères comprenant aussi le code html contenu dans la balise.

L'attribut javascript innerHTML de l'objet Element du Document Object Model HTML (DOM HTML) accepte une valeur :
- une chaine de caractères comprenant du code html.

Exemples de innerHTML

Exemple

Voici le document XML :
Exemple de code :
<form id="formulaire">
  <span id="element-innerHTML"> element.innerHTML </span>
  <button type="button" onclick ="element_innerHTML()"> Changer element.innerHTML </button>
</form>

Code javascript :
Exemple de code :
<script type="text/javascript">
var bIsTexte = false;
function element_innerHTML(){
  var oElement = document.getElementById("element-innerHTML");
  if(bIsTexte){
    oElement.innerHTML = '<b>Je suis un innerHTML gras</b>';
  }else{
    oElement.innerHTML = '<i>Je suis un innerHTML italic</i>';
  }
  bIsTexte = !bIsTexte;
}
</script>

element.innerHTML