Question

Say a HTML snippet like this:

<div a_example = "x" b_example = "y" class = "z"></div>

What is the proper way to get the corresponding properties of a_example and b_example in Javascript?

Can xpath do the job?

Answer 1

Use getAttribute:

var elem = document.getElementsByClassName("z")[0],
    a = elem.getAttribute("a_example");

Here’s a working example.

But, as has already been mentioned, you should really be using HTML5 data-* attributes, otherwise your markup is invalid.