dataset ගුණය
HTML භාෂාවෙන්, ඔබට ටැග වලට ඔබේම ගුණාංග එකතු කිරීමට අවසර ඇත,
එහිදී ඒවා ආරම්භ විය යුත්තේ data- වලින්,
ඉන්පසු ඕනෑම ගුණාංග නාමයක් යෙදිය හැකිය.
එවැනි ගුණාංග වෙත JavaScript හරහා ප්රවේශ වීම සඳහා
විශේෂ dataset ගුණය භාවිතා වේ.
වාක්ය රචනය
මූලද්රව්යය.dataset.නම;
උදාහරණය
ගුණාංගයේ අගය කියවමු:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
let res = elem.dataset.cost;
console.log(res);
කේතය ක්රියාත්මක කිරීමේ ප්රතිඵලය:
'1000'
උදාහරණය
ගුණාංගයේ අගය වෙනස් කරමු:
<div data-cost="1000"></div>
let elem = document.querySelector('div');
elem.dataset.cost = '2000';
ප්රතිඵලයක් වශයෙන්, කේතය මෙසේ පෙනෙනු ඇත:
<div data-cost="2000"></div>
මෙයද බලන්න
-
getAttributeක්රමය,
ගුණාංග ලබා ගනී -
setAttributeක්රමය,
ගුණාංග ලියනු ලබයි