使用Javascript/jQuery从HTML元素中获取所有属性

Question

使用Javascript/jQuery从HTML元素中获取所有属性我希望将HTML元素中的所有属性放入数组中：就像我有一个jQuery对象一样，它的html如下所示：<span name="test" message="test2"></span>现在，一种方法是使用描述的xml解析器。这里，但是我需要知道如何获得我的对象的html代码。另一种方法是使用jQuery实现它，但是如何实现呢？属性的数量和名称都是通用的。谢谢顺便说一句：我不能用document.getelementbyid或类似的东西访问元素。

Answer 1

如果您只想要DOM属性，那么使用attributes元素本身的节点列表：

var el = document.getElementById("someId");for (var i = 0, atts = el.attributes, n = atts.length, arr = []; i < n; i++){
    arr.push(atts[i].nodeName);}

注意，这只会用属性名填充数组。如果需要属性值，可以使用nodeValue财产：

var nodes=[], values=[];for (var att, i = 0, atts = el.attributes, n = atts.length; i < n; i++){
    att = atts[i];
    nodes.push(att.nodeName);
    values.push(att.nodeValue);}