How do i access HTML text elements using data-* attributes if my code does not have attribute id?

Viewed 38

I know how to access HTML elements using:

document.getElementById(element_ID);

but what if there's no ID attributes?

Example:

<ul data-vehicle="Car">
    <li data-model="Sedan">2.5HP</li>
</ul>
1 Answers

You can use document.querySelector("[data-model='Sedan']") but keep in mind that querySelector is not supported on IE7.

Related