How to list all element attributes in JS?

Question

I would like to know all possible attributes of an element in JS.

I did :

s = document.getElementById("idSvg");

r = s.attributes;

alert(r.length);

...
...
<svg width="450" height="250" id="idSvg">
...
</svg>

But the result is 3. Seems to be the number of attributes I use (width, height and id), but I would like to list ALL the possible attributes an SVG element may have.

Thanks for helping, Rodg

Nicolas Goy · Accepted Answer · 2011-05-03 09:21:08Z

2

I don't think it is possible, as JS have no clue whatsoever about DTD format. You need to look at the tag specification (taking into account the proper doctype that tag will be used in).

answered May 3, 2011 at 9:21

Nicolas Goy

1,43812 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Kris Ivanov · Accepted Answer · 2011-05-03 09:25:04Z

1

you can try this, but better off looking it up on w3.org

(function() {
    var s = document.getElementById("idSvg");

    for (var key in s) {
        document.write(key + "<br />");
    }
})();

answered May 3, 2011 at 9:25

Kris Ivanov

10.6k2 gold badges26 silver badges36 bronze badges

3 Comments

otakustay Over a year ago

this seems not differ attribute from property, is there a better way to filter only attribute out?

Kris Ivanov Over a year ago

all are treated as properties, you can make distinction however if it is local or inherited property, here is an example jsfiddle.net/5CGNR

ManUtopiK Over a year ago

Faster : console.dir(document.getElementById("idSvg"));

mplungjan · Accepted Answer · 2011-05-03 09:35:54Z

1

http://www.w3.org/TR/SVG/attindex.html

baseProfile class contentScriptType contentStyleType externalResourcesRequired height id onabort onactivate onclick onerror onfocusin onfocusout onload onmousedown onmousemove onmouseout onmouseover onmouseup onresize onscroll onunload onzoom preserveAspectRatio requiredExtensions requiredFeatures style systemLanguage version viewBox width xml:base xml:lang xml:space x y zoomAndPan

answered May 3, 2011 at 9:35

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Collectives™ on Stack Overflow

How to list all element attributes in JS?

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related