Получить список атрибутов строки HTML, используя Javascript

Question

Как я могу получить список атрибутов строки HTML, используя Javascript? Вот мой код.

function traverse_test(){
    var root=document.getElementById('arbre0').childNodes;
    for(var i=0;i<root.length;i++){
        var lis = root[i];
        if (lis =='[object HTMLUListElement]') {
            for (var member in lis) {
                if (typeof lis[member] == "string") {
                    var assertion = lis[member];
                    var resultat = assertion.search(/..Bookmarks/);
                    if (resultat != -1) {
                        output.innerHTML+= lis[member];
                        // Here I'd like to have the list of lis[member] attributes
                        for(var attr in lis[member].attributes) {
                            output.innerHTML+=lis[member].attributes[attr].name + "=\""+ lis[member].attributes[attr].value + "\"";
                        }
                        break;
                    }
                }
            }
        }
    }
}

Answer 1

Используйте свойство Node.attributes элемента DOM. Пример:

var foo = document.getElementById('foo'),
    attrs = foo.attributes,
    i = attrs.length,
    attr;

while (i--)
{
    attr = attrs[i];
    console.log(attr.name + '="' + attr.value + '"');
}

Демо: http://jsfiddle.net/mattball/j8AVq/

Answer 2

Кажется, что все эти ответы указывают на то, как получить список attr из узла, но вопрос требует attrs из строки HTML. Вот мои 2цента.

//turn your string into a node and get your html strings NamedNodeMap
var temp = document.createElement("div");
    temp.innerHTML  = "<div attr-1 attr-2 attr-3 attr-4></div>";
    temp = temp.firstElementChild.attributes; 

    //put the attributes in a an array
    var list = Object.keys(temp).map( function( index ) { return temp[ index ] } );

    console.log( list );

Answer 3

Если вы знаете атрибуты, чтобы получить значение, которое вы можете сделать:

var MyValue = document.getElementById("myimage").getAttribute("src")

В JavaScript для зацикливания всех атрибутов:

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

Приведенный выше код был взят из этот вопрос

Jquery может быть другой вариант:

http://plugins.jquery.com/project/getAttributes

Answer 4

[].slice
.apply(document.querySelector('something').attributes)
.forEach(function(item){
    console.log(item, item.name, item.value);
});