Accéder à un noeud DOM

Question

En utilisant uniquement l'API DOM, quelles sont les différentes façons d'accéder à un noeud?

Par exemple, je sais que je peux appeler document.getElementById("header");. Je voudrais une liste complète des moyens d'accéder à ce nœud.

Answer 1

"accès" peut prendre deux formes. Propriétés et méthodes.

Dans cette liste, m est un objet nœud (élément HTML). Quelques propriétés:

• m.innerHTML - le texte
• m.nodeName -le nom
• m.nodeValue - la valeur
• m.parentNode - le nœud parent
• m.childNodes - l'enfant nœuds
• m.attributes - les nœuds attributs

Certains Méthodes:

• m.getElementById (id) - l'élément avec id
• m.getElementsByTagName (nom) - obtenir tous les éléments par nom de la balise
• m.appendChild (noeud) - nœud enfant à insérer m
• m.removeChild (noeud) - supprimer nœud enfant de m

des quelques "spéciaux":

• document.documentElement - nœud racine du document
• document.body - accès direct à une balise d'élément du corps

Note: il y a d'autres proporties tels que .length etc pour une utilisation spécifique le cas échéant.

EDIT: Une référence à la spécification peut être trouvée ici: http://www.w3.org/TR/REC-DOM-Level-1/level-one-core.html

EDIT2: Une référence au niveau 1 spécification HTML ici: http://www.w3.org/TR/REC-DOM-Level-1/level-one-html.html

EDIT3: script complet ECMA contraignant: http://www.w3.org/TR/REC-DOM-Level-1/ecma-script-language-binding.html

Answer 2

La liste suivante contient les collections, les propriétés et les méthodes pouvant être utilisées pour accéder à un nœud. Certains d'entre eux sont spécifiques à un élément, certains d'entre eux sont membres de chaque élément, certains d'entre eux ne sont disponibles que via l'objet document.

Collections: tous, les ancres, les applets, les zones, les cellules, childNodes, enfants, éléments, enrobe, formulaires, cadres, images, liens, options, lignes, scripts, tBodies

Propriétés: corps , légende , document, documentElement, firstChild, firstElementChild, frameElement, lastChild, lastElementSibling, nextElementSibling, nextSibling, offsetParent, ownerDocument, parentElement, parentNode, previousElementSibling, previousSibling, tFoot, tHead

Méthodes: getElementById, getElementsByClassName, getElementsByName, getElementsByTagName, getElementsByTagNameNS

Vous trouverez de plus amples informations et des exemples ici: Element handling objects, properties and methods in JavaScript