Ici le titre IV

Exemple 7: accéder aux éléments de contenus ou de style par les méthodes du DOM

Cette balise DIV est le noeud ou sera placé le tableau (ID= "noeud_cible")

Dans cette partie, on utilise des fonctions définies dans le fichier externe externe.js (stocké dans le même dossier que cette page): l'intégration de ce script externe se fait dans la balise HEAD de cette page par la ligne de code suivante:
<script language="JavaScript" src="externe.js"></script>

appel de la fonction bouge_node()
code JavaScript de la fonction:
function bouge_node() {
a_bouger = document.getElementById("noeud_a_bouger");
div_place = document.getElementById("noeud_cible");
div_place.appendChild(a_bouger);
}

Tableau … bouger: balise TABLE id="noeud_a_bouger"
Les zones: Vie scolaire Administration CDI Allemand SVT Foyer Productions des élèves Techno Lettres Aides

Appel de la fonction augmente_margetop().
Code JavaScript de la fonction:
function augmente_margetop(val) {
document.getElementById("titreIV").style.backgroundColor = '#DEDEDE';
document.getElementById("titreIV").style.paddingTop = val + 'px';
}

Appel de la fonction margetop_interactif().
Code JavaScript de la fonction:
function margetop_interactif() {
user_hteur = prompt('Saisissez la valeur en pixels de l\'espacement supérieur)', 0);
augmente_margetop(user_hteur);
}

On peut remarquer ici l'appel de la fonction précédente (augmente_margetop()) comme exemple de réutilisation d'une fonction: le paramètre passé à cette fonction est la saisie de l'utilisateur.
(cette fonction présente une lacune importante: elle n'envisage pas le cas ou la saisie de l'utilisateur ne serait pas un nombre...).