How do I get data attributes in javascript?

Question

So, I want to get a data-price attribute from an element. I do not want to use jQuery(simply because it looks really complex to install, for something very simple I want to do). How can I do this? I found no way to do it in javascript. I've tried just dotting after the element variable.

document.getElementById('element').getAttribute('data-price') — Kyle Needham
– Kyle Needham, Commented Apr 24, 2014 at 20:48

Ry- · Accepted Answer · 2014-04-24 20:49:33Z

3

element.dataset will get you the set of an element’s data-* attributes, if supported, so:

element.dataset.price

On browsers where this isn’t supported, you can use the usual .getAttribute('data-price') and cast appropriately.

answered Apr 24, 2014 at 20:49

Ry-♦

226k56 gold badges496 silver badges504 bronze badges

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

1 Comment

Kyle Needham Over a year ago

I never knew dataset existed thanks for the enlightenment, it's a shame IE has only just started supporting it.

Collectives™ on Stack Overflow

How do I get data attributes in javascript?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related