Dataset xususiyati

HTML tilida teglarga o'z atributlaringizni qo'shish mumkin, bunda ular data- dan boshlanishi kerak, so'ngra atributning istalgan nomi kelishi mumkin. Bunday atributlarga JavaScript orqali murojaat qilish uchun maxsus dataset xususiyati ishlatiladi.

Sintaksis

javascriptelement.dataset.nom;

Misol

Keling, atribut qiymatini o'qaylik:

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

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

console.log(res);

Kodni bajarish natijasi:

javascript'1000'

Misol

Keling, atribut qiymatini o'zgartiramiz:

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

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

Natijada kod shunday ko'rinishga keladi:

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

Shuningdek qarang