Thuộc tính dataset

Trong ngôn ngữ HTML, bạn được phép thêm các thuộc tính của riêng mình vào các thẻ, với điều kiện chúng phải bắt đầu bằng data-, theo sau là bất kỳ tên thuộc tính nào. Để truy cập các thuộc tính này thông qua JavaScript, một thuộc tính đặc biệt dataset được sử dụng.

Cú pháp

phần_tử.dataset.tên;

Ví dụ

Hãy đọc giá trị của thuộc tính:

<div data-cost="1000"></div>

let elem = document.querySelector('div');
let res = elem.dataset.cost;

console.log(res);

Kết quả thực thi mã:

'1000'

Ví dụ

Hãy thay đổi giá trị của thuộc tính:

<div data-cost="1000"></div>

let elem = document.querySelector('div');
elem.dataset.cost = '2000';

Kết quả, mã HTML sẽ trở thành:

<div data-cost="2000"></div>

Xem thêm

phương thức getAttribute,
lấy giá trị thuộc tính
phương thức setAttribute,
thiết lập giá trị thuộc tính