Exemple 5: utilisation d'une fonction pour ajouter du code HTML

Utilisation d'une fonction utilisateur ajouter_html("html à ajouter" , "ID_balise_cible") permettant d'ajouter n'importe quel portion de code HTML ("html à ajouter") à n'importe quelle balise de la page ayant un identifiant ID= "ID_balise_cible".
Cette fonction est stockée dans la balise HEAD de la page: étant ainsi lue par le navigateur avant d'afficher le BODY, elle peut donc être appelée depuis n'importe où dans la page.

Appel de la fonction ecrire_html() avec les paramètres '<br><p>Je suis le code à écrire</p>' et 'cible_exemple5':

Balise P avec ID="cible_exemple5" => le contenu HTML envoyé par le script de cet exemple vient se mettre ici.

Code HTML de l'appel de la fonction avec ses paramètres pour le onClick="..." du bouton ci-dessus:
onClick="ecrire_html('<br><p>Je suis le code à écrire</p>' , 'cible_exemple5')"

Code JavaScript de la fonction ecrire_html() :
function ecrire_html(code_html , id_balise) {
document.getElementById(id_balise).innerHTML += code_html;
}

=> cette fonction modifie la propriété innerHTML de la balise cible (balise ayant un ID = cible_exemple5) en lui ajoutant ( += ) le code HTML <br><p>Je suis le code à écrire</p> .