Dom HTML : Objet Element.outerHTML

La propriété javascript outerHTML

Définition

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

Valeur retournée et acceptée de outerHTML

Valeur retournée et acceptée

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

L'attribut javascript outerHTML 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 outerHTML

Exemple

Voici le document XML :
Exemple de code :
<form id="formulaire">
  <input type="text" value="text" id="element-outerHTML"/>
  <button type="button" onclick ="element_outerHTML()"> Changer element.outerHTML </button>
</form>

Code javascript :
Exemple de code :
<script type="text/javascript">
function element_outerHTML(){
  var oElement = document.getElementById("element-outerHTML");
  if(oElement.type == 'text'){
    oElement.outerHTML = '<input type="radio" value="text" id="element-outerHTML"/>';
  }else{
    oElement.outerHTML = '<input type="text" value="text" id="element-outerHTML"/>';
  }
}
</script>