Oh Dear is the all-in-one monitoring tool for your entire website. We monitor uptime, SSL certificates, broken links, scheduled tasks and more. You'll get a notifications for us when something's wrong. All that paired with a developer friendly API and kick-ass documentation. O, and you'll also be able to create a public status page under a minute. Start monitoring using our free trial now.
In plain old JavaScript you can get the data attributes of
[code language="html"]
lorum ipsum
```
like this
[code language="javascript"]
document.getElementById('test').getAttribute('data-news-item-id');
But did you know there's a alternative way of doing this by reading an element's dataset property?
[code language="javascript"]
document.getElementById('test').dataset.newsItemId;
Notice that the values can be accessed by camelcasing the name of the data attribute. You can also write to datasets to change values of data attributes. Read the informative helpful article on MDN to know more.
Every two weeks, I share practical tips, tutorials, and behind-the-scenes insights from maintaining 300+ open source packages. Join thousands of developers who read along.
No spam. Unsubscribe anytime.
You can also follow me on X.
The community section is a place where developers share links to articles, tutorials and videos. Submit a link and help fellow developers discover great content. As a thank you, you'll receive a coupon for a discount on Spatie products.