Comment by M Rawash on "10 useful HTML5 features, you may not be using"

Discussion

Comment10 useful HTML5 features, you may not be using

MR

M Rawash

Aug 16, 2020

That's not how you access data-* attributes from Javascript. Use elm.dataset.foo

TA

Tapas Adhikary

Educator @tapaScript | Founder CreoWis & ReactPlay - Writer - YouTuber - Open Source

Aug 16, 2020

Yeah, I missed to incorporate that. Updated now.

Note: For reading the values of these attributes in JavaScript, you could use getAttribute() with their full HTML name(i.e, data-custom-attr) but, the standard defines a simpler way: using a dataset property.

Thanks for pointing out!

MR

M Rawash

Aug 16, 2020

Tapas Adhikary You can, of course, access any HTML attribute with getAttribute(), however the 'dataset' property is what makes 'data-*' attributes special and much more convenient to use. Thanks for updating the article.

Search Hashnode