Cuál es el identificador único para un elemento DOM/nodo

Question

Estoy atravesando un documento HTML usando javascript DOM. Quiero hacer una lista (una matriz en realidad) de todos los nodos/elementos y sus valores. Encontré un script para recorrer DOM, pero ¿cómo puedo almacenar cada valor de nodo en una matriz? Parece que no puedo encontrar el identificador único para un nodo. Alguien tiene punteros? Estaba pensando en xpath o algo así.

Es una buena idea considerar xpath como nodo como el identificador único. Si es así, ¿cómo obtengo xpath de un elemento al atravesar el DOM?

Answer 1

Como programador nacido y criado en el mundo de C y C++, mi primera respuesta a este tipo de pregunta habría sido "¡almacenar sus direcciones en la matriz!". Pero después de un par de años jugando con la web, puedo dar la respuesta correcta:

En javascript, puede almacenar directamente las referencias en los objetos de la matriz. Y no, xpath no es una buena idea para esto; usar referencias es más simple y mejor. Así que una respuesta directa a su pregunta es: no hay un identificador único para un elemento/nodo DOM excepto en sí.

En javascript, todos los objetos se pasan por referencia. Así que aquí hay un código de ejemplo para la forma de hacerlo:

var theArray = []; 
var theNodeToTraverse = document.getElementById('domelementtosearch'); 

traverseAndStore(theNodeToTraverse); 

function traverseAndStore(node) 
{ 
    if(node==null) return; 
    theArray[ theArray.length ] = node; 
    for(i=0; i<node.childNodes.length; i++) 
     traverseAndStore(node.childNodes[i]); 
} 

Answer 2

Usted puede obtener algo similar a XPath con algo como esto. Atraviesa el dom hacia arriba desde el elemento de entrada a través de la propiedad parentNode.

https://gist.github.com/sebjwallace/3c0a6f7493ce23134516

Se emitirá una cadena como esta.

"# documento/HTML/cuerpo/DIV"

var getElementPath = function(el){ 
    var path = el.nodeName; 
    var parent = el.parentNode; 
    while(parent){ 
    path = parent.nodeName + '/' + path; 
    parent = parent.parentNode; 
    } 
    return path; 
}