我正在使用 javascript DOM 遍历 HTML 文档。我想制作一个所有节点/元素及其值的列表（实际上是一个数组）。我找到了一个用于遍历 DOM 的脚本，但是如何将每个节点值存储在一个数组中。我似乎找不到节点的唯一标识符。有人有任何指示吗？我在想xpath 什么的。
将节点的xpath 视为唯一标识符是否是个好主意。如果是这样，我如何在遍历 DOM 时获取元素的xpath？
【问题讨论】：
标签： javascript dom
作为在 C 和 C++ 世界中出生和长大的程序员，我对这类问题的第一个答案是“将他们的地址存储在数组中！”。但是经过几年在网络上的处理方式，我可以给出正确的答案：
在 javascript 中，您可以直接将 references 存储到数组中的对象。 不，xpath 不是一个好主意；使用引用更简单更好。 因此，您的问题的直接答案是：DOM 元素/节点除了 自身 之外没有唯一标识符。
在 javascript 中，所有对象都是通过引用传递的。所以这里有一个示例代码来说明如何做到这一点：
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] );
}
【讨论】：
theNodeToTraverse的所有子元素，并将对子DOM元素的引用存储在theArray中。
你可以用这样的东西得到类似于 xpath 的东西。它从输入元素通过parentNode属性向上遍历dom。
https://gist.github.com/sebjwallace/3c0a6f7493ce23134516
它会输出这样的字符串。
"#document/HTML/BODY/DIV"
var getElementPath = function(el){
var path = el.nodeName;
var parent = el.parentNode;
while(parent){
path = parent.nodeName + '/' + path;
parent = parent.parentNode;
}
return path;
}
【讨论】：