dataset प्रॉपर्टी

HTML भाषा में, टैग्स में अपने एट्रिब्यूट्स जोड़ने की अनुमति है, बशर्ते कि वे data- से शुरू हों, और उसके बाद एट्रिब्यूट का कोई भी नाम हो सकता है। JavaScript के माध्यम से ऐसे एट्रिब्यूट्स तक पहुंचने के लिए एक विशेष प्रॉपर्टी dataset का उपयोग किया जाता है।

सिंटैक्स

javascriptelement.dataset.name;

उदाहरण

आइए एट्रिब्यूट का मान पढ़ते हैं:

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>

यह भी देखें