javascript - HTML DOM。无论如何要获得属性字典？

Question

node.attributes 返回一个 NamedNodeMap.. 它不会像 xml 中那样给出所有属性名称或值。

有没有办法得到这样的东西？

node.attributes.keys

node.attributes.values

node.attributes.items

任何一种 ？

现在我将它用于我将使用的用途..但是js不会给出class、id、href之类的属性名称。而是给出数字..

listattr = function(node) {
    var attrs = [[],[]];
    for (var attr in node.attributes) {
        if (node.attributes[attr].nodeValue) {
            console.log(attr);
            console.log(node.attributes[attr].nodeValue);
            attrs[0].push(attr);
            attrs[1].push(node.attributes[attr].nodeValue);
        }
    }
    return attrs;
}

Answer 1

但是js不会给出像class这样的属性名称

它是一个类似数组的属性节点列表，它确实有值和名称！您正在记录索引。

var attrs = node.attributes;
for (var i=0; i<attrs.length; i++)
    console.log(attrs[i].name, attrs[i].value);

Answer 2

Bergi的回答基本上说明了一切，但这里有一个完整的函数（使用下划线）将 html 元素的属性转换为 dict：

_.reduce(myElement.attributes, function(memo, element){
  memo[element.name] = element.value;
  return memo;
}, {});