पाठ 23 / 28
data-* एट्रिब्यूट्स
किसी एलिमेंट पर सीधे कस्टम डेटा स्टोर करें।
कस्टम एट्रिब्यूट्स
कोई भी data-* एट्रिब्यूट वैध HTML है और JavaScript से dataset के ज़रिए पढ़ा जा सकता है।
<li data-id="42" data-status="done">Buy milk</li>
<script>
const li = document.querySelector('li');
console.log(li.dataset.id); // "42"
console.log(li.dataset.status); // "done"
</script>इसका उपयोग कब करें
मार्कअप पर छोटे-छोटे ऐप स्टेट जोड़ने के लिए बेहतरीन — IDs, फ्लैग, कॉन्फ़िग — बिना नए HTML टैग बनाए।