DOM
जोड़तोड़ करने वाले गुण
खोज…
टिप्पणियों
DOM API में विशेषताएँ एक विशेष प्रकार की वस्तु हैं। DOM API के पुराने संस्करणों में, उन्हें Node
प्रकार से विरासत में मिला था, लेकिन इसे संस्करण 4 में बदल दिया गया था।
dataset
चर्चा करते हुए उदाहरणों में, "आधुनिक ब्राउज़र" विशेष रूप से 11 से कम इंटरनेट एक्सप्लोरर के संस्करणों को बाहर करता है। अधिक जानकारी के लिए caniuse.com देखें।
एक विशेषता हो रही है
कुछ गुण तत्व के गुणों (जैसे alt
, href
, id
, title
और value
) के रूप में सीधे सुलभ हैं।
var a = document.querySelector("a"),
url = a.href;
डेटा-विशेषताओं सहित अन्य विशेषताओं को निम्नानुसार एक्सेस किया जा सकता है:
var a = document.querySelector("a"),
tooltip = a.getAttribute("aria-label");
डेटा विशेषताओं को dataset
(आधुनिक ब्राउज़र) का उपयोग करके भी एक्सेस किया जा सकता है
// <a href="#" data-tracking-number="ABC-123">Widget</a>
var a = document.querySelector("a"),
tracker = a.dataset.trackingNumber;
एक विशेषता सेट करना
कुछ गुण तत्व के गुणों (जैसे alt, href, id, title और value) के रूप में सीधे सुलभ हैं।
document.querySelector("a").href = "#top";
डेटा-विशेषताओं सहित अन्य विशेषताओं को निम्नानुसार सेट किया जा सकता है:
document.querySelector("a").setAttribute("aria-label", "I like turtles");
डेटा विशेषताओं को डेटासेट (आधुनिक ब्राउज़र) का उपयोग करके भी सेट किया जा सकता है
var a = document.querySelector("a");
a.dataset.test = "123";
a.dataset['test-2'] = "456";
का परिणाम
<a href="#" data-test="123" data-test-2="456">Widget</a>
एक विशेषता निकालना
सीधे सुलभ गुणों सहित एक विशेषता को हटाने के लिए
document.querySelector("a").removeAttribute("title");
डेटा विशेषताओं को निम्नानुसार हटाया जा सकता है (आधुनिक ब्राउज़र):
// remove "data-foo" attribute
delete document.querySelector("a").dataset.foo;