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>

මෙයද බලන්න

  • getAttribute ක්‍රමය,
    ගුණාංග ලබා ගනී
  • setAttribute ක්‍රමය,
    ගුණාංග ලියනු ලබයි