Question

In a web page there is a div with a value specified for its class.

Now, I have with me the node corresponding to the div, how do I obtain the class of that div, using the node (which is stored in a js variable)?

Example–

<div class="test" id="div1">
Some random text
</div>

How do I obtain the class value (i.e. “test”) when I have with me the node that represents the above div?

Answer 1

var div1 = document.getElementById('div1');

console.log(div1.className);

http://jsfiddle.net/XWqu8/

Prints in the Javascript console:

test

Note as well that a class value can represent multiple classes, e.g.:

<div class="test other oneMore" id="div1">
Some random text
</div>

http://jsfiddle.net/XWqu8/

Which prints:

test other oneMore