Rappels à propos du DHTML

var node = document.getElementById("id_du_bloc");

var parent = node.parentNode; //On obtient ainsi le noeud parent à node;

var childList = node.childNodes; //Ici, au contraire, on obtient un tableau avec la liste des enfants de node.

var child1 = node.firstChild; //Ici, on obtient le premier enfant de node

var childx = node.lastChild; //Et ici, vous l'aurez deviné, le dernier

var frerePrec = childx.previousSibling; //On récupère le frère précédent de childx, lui-même enfant de node)

var frereSuiv = child1.nextSibling; //On récupère ici le frère suivant

var bloc = document.createElement("div"); //Ici, on crée une div "virtuelle" qui n'est pas encore dans notre document. Vous pouvez créer ce que vous voulez: div, h1, etc.

div.setAttribute("id","ma_div"); //Ici, on donne pour id "ma_div" à notre élément

node.className="ma_class"; //L'élément se voit attribuer la classe "ma_class"

var texte = document.createTextNode("J'aime le fromage"); //Ici on a créé un texte

node1.appendChild(node2); //Le node2 se retrouve à l'intérieur du node1

var node = document.getElementById("mon_id"); //On récupère un endroit spécifique de notre document
node.appendChild(node1); //On y insère tout ce qu'on a fait précédemment

if(document.all) node.attachEvent("onmousedown",fonction);
else node.addEventListener("mousedown",fonction,true);

if(document.all) node.attachEvent("onmousedown",function(){ ma_fonction(arguments) });
else node.addEventListener("mousedown",function(){ ma_fonction(arguments) },true);