← CodePrimer
JavaScript
Beginner
Dom
Read data-* with dataset
How do I read data-price in JavaScript?
dataset API.
const product = document.getElementById('product');
const price = product.dataset.price;
const category = product.dataset.category;
console.log(price, category);Notes
data-category becomes dataset.category (camelCase).
Keywords: dataset · data-attribute · dom
Related
JavaScript
document.getElementById
How do I select one element by id?
JavaScript
document.querySelector
How do I select with a CSS selector?
JavaScript
document.querySelectorAll
How do I select every matching element?
JavaScript
addEventListener click
How do I make a button show an alert?
JavaScript
Arrow function event listener
Can I use an arrow function for events?
JavaScript
Live input event
How do I react as the user types?