6.4 Contenu d’un élément
childNodes
-
Renvoie une liste des nœuds enfants de l'élément.
var collNoeuds = elementDeReference.childNodes;
className
-
Définit ou obtient la classe de l'élément.
firstChild
-
Renvoie le premier enfant direct du nœud.
id
-
Définit ou obtient l'identifiant (id) de l'élément courant.
innerHTML (pas compatible W3C DOM !)
-
Renvoie ou définit l'ensemble du balisage et du texte contenu au sein d'un élément donné.
-
Balisage est une chaîne contenant le contenu de l'élément (y compris ses sous-éléments) au format HTML brut. Par exemple, "<p>Du texte</p>".
var balisage = element.innerHTML;
element.innerHTML = balisage;
lastChild
-
Retourne le dernier enfant d’un noeud.
NodeList.length
-
Returne le nombre d’items dans une liste (e.g. childNodes).
nodeValue
-
Returne la valeur d’un noeud.
textContent
-
Retourne/définit le contenu texte d’un élément.
text = element.textContent
element.textContent = "this is some sample text"
appendChild(noeud)
-
Insère le nœud spécifié à la fin de la liste de nœuds de l’élément courant.
// Create a new paragraph element
var p = document.createElement("p");
// Append it to the end of the document body
document.body.appendChild(p);
insertBefore (nouvel_élément, élément_cible)
-
La méthode insertBefore permet d'insérer un nœud juste avant un élément de référence parmi les enfants du nœud courant.
parentDiv = document.getElementById("div-parent");
span2 = document.getElementById("span-enfant");
span1 = document.createElement("span");
parentDiv.insertBefore(span1, span2);
6.7 Attributs
attributes
-
Renvoie une collection des attributs de l'élément.
// récupère le premier élément <p> du document
var para = document.getElementsByTagName("p")[0];
// récupère ses attributs
var attr = para.attributes;
getAttribute(nom_attribut)
-
Returns the value of the named attribute on the current node.
var div1 = document.getElementById("div1");
var align = div1.getAttribute("align");
alert(align); // shows the value of align for the element with id="div1"
setAttribute(nom, valeur)
-
Ajoute un attribut avec une valeur ou change la valeur d’un attribut qui existe.
setAttributeNode()
-
Ajoute un noeud attribute à l’élément courant.
setAttributeNodeNS()
-
Pareil, mais avec un namespace.