एचटीएमएल डोम सेटएट्रिब्यूट () विधि
तत्व वस्तुउदाहरण
एक <h1> तत्व में "डेमोक्लास" के मान के साथ वर्ग विशेषता जोड़ें:
document.getElementsByTagName("H1")[0].setAttribute("class", "democlass");
विशेषता सेट करने से पहले:
Hello World
विशेषता सेट करने के बाद:
Hello World
नीचे और अधिक "इसे स्वयं आज़माएं" उदाहरण।
परिभाषा और उपयोग
setAttribute() विधि किसी तत्व में निर्दिष्ट विशेषता जोड़ती है, और इसे निर्दिष्ट मान देती है।
यदि निर्दिष्ट विशेषता पहले से मौजूद है, तो केवल मान सेट/बदला गया है।
नोट: यद्यपि इस पद्धति के साथ किसी तत्व के मान के साथ शैली विशेषता जोड़ना संभव है, यह अनुशंसा की जाती है कि आप इनलाइन स्टाइल के बजाय स्टाइल ऑब्जेक्ट के गुणों का उपयोग करें , क्योंकि यह अन्य सीएसएस गुणों को अधिलेखित नहीं करेगा जिन्हें इसमें निर्दिष्ट किया जा सकता है शैली विशेषता:
खराब:
element.setAttribute("style", "background-color: red;");
अच्छा:
element.style.backgroundColor = "red";
युक्ति: किसी तत्व से किसी विशेषता को निकालने के लिए removeAttribute() विधि का उपयोग करें ।
युक्ति: setAttributeNode() विधि भी देखें ।
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से विधि का समर्थन करता है।
Method | |||||
---|---|---|---|---|---|
setAttribute() | Yes | 8.0 | Yes | Yes | Yes |
वाक्य - विन्यास
element.setAttribute(attributename, attributevalue)
पैरामीटर मान
Parameter | Type | Description |
---|---|---|
attributename | String | Required. The name of the attribute you want to add |
attributevalue | String | Required. The value of the attribute you want to add |
टेक्निकल डिटेल
प्रतिलाभ की मात्रा: | कोई वापसी मूल्य नहीं |
---|---|
डोम संस्करण | कोर स्तर 1 तत्व वस्तु |
और ज्यादा उदाहरण
उदाहरण
इनपुट फ़ील्ड को इनपुट बटन में बदलें:
document.getElementsByTagName("INPUT")[0].setAttribute("type", "button");
विशेषता सेट करने से पहले:
विशेषता सेट करने के बाद:
उदाहरण
एक <a> तत्व में "www.w3schools.com" के मान के साथ एक href विशेषता जोड़ें:
document.getElementById("myAnchor").setAttribute("href", "https://www.w3schools.com");
विशेषता सेट करने से पहले:
विशेषता सेट करने के बाद:
उदाहरण
पता लगाएँ कि क्या <a> तत्व में लक्ष्य विशेषता है। यदि ऐसा है, तो लक्ष्य विशेषता का मान "_self" में बदलें:
// Get the <a> element with id="myAnchor"
var x = document.getElementById("myAnchor");
// If the <a> element has a target attribute, set the value to "_self"
if (x.hasAttribute("target")) {
x.setAttribute("target", "_self");
}
संबंधित पृष्ठ
HTML ट्यूटोरियल: HTML विशेषताएँ
एचटीएमएल डोम संदर्भ: getAttribute () विधि
HTML DOM संदर्भ: hasAttribute () विधि
एचटीएमएल डोम संदर्भ: हटाएं एट्रिब्यूट () विधि
तत्व वस्तु