თვისება dataset

HTML ენაში ნებადართულია თეგებს დაემატოს საკუთარი ატრიბუტები, ამ შემთხვევაში ისინი უნდა იწყებოდეს data--ით, რის შემდეგაც შეიძლება იყოს ნებისმიერი ატრიბუტის სახელი. ასეთ ატრიბუტებზე წვდომისთვის JavaScript-ის მეშვეობით გამოიყენება სპეციალური თვისება dataset.

სინტაქსი

javascriptელემენტი.dataset.სახელი;

მაგალითი

მოდით, წავიკითხოთ ატრიბუტის მნიშვნელობა:

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

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

console.log(res);

კოდის შესრულების შედეგი:

javascript'1000'

მაგალითი

მოდით, შევცვალოთ ატრიბუტის მნიშვნელობა:

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

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

შედეგად კოდი ასე გამოიყურება:

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

იხილეთ აგრეთვე