javascript - 将 DOM 元素的属性/值对转换为 Javascript 对象？

Question

是否有一个快捷函数可以将 DOM 元素及其各种属性/值对转换为相应的 Javascript 对象？

例如在 HTML 页面中转换它:

<div id="snack" type="apple" color="red" size="large" quantity=3></div>

到 Javascript 中的一个对象，就好像你输入了:

var obj = {
        id:  "snack"
        type: "apple"
        color: "red"
        size: "large"
        quantity: 3
};

Answer 1

不是真正的捷径，但至少是一个可以满足您要求的简短实现:

var attributes = document.getElementById('someId').attributes;
var obj = {};

for (var i = 0, len = attributes.length; i < len; i++) {
    obj[attributes[i].name] = attributes[i].value;
}