HTML DOM Element setAttribute() विधि
- पिछला पन्ना scrollWidth
- अगला पन्ना setAttributeNode()
- एक स्तर ऊपर वापस जाएँ HTML DOM Elements वस्तु
परिभाषा और उपयोग
setAttribute() विधि निर्दिष्ट विशेषता को जोड़ती है और उसके लिए निर्दिष्ट मान आवंटित करती है。
यदि इस निर्दिष्ट विशेषता पहले से ही मौजूद है, तो केवल मान को सेट/परिवर्तित करें。
ध्यान:HTML दस्तावेज़ के HTMLElement ऑब्जेक्ट ने सभी मानक HTML विशेषताओं की समानता के रूप में जावास्क्रिप्ट विशेषताएँ परिभाषित की हैं। इसलिए आपको अनानुसारित विशेषता निर्धारित करना होता है तो इस विधि का उपयोग करें。
इसके अलावा देखें:
संदर्भ मानचित्र:
तूतिका:
उदाहरण
उदाहरण 1
एलेमेंट को class विशेषता जोड़ें:
element.setAttribute("class", "democlass");
जोड़ने से पहले:
Element ऑब्जैक्ट
जोड़ने के बाद:
Element ऑब्जैक्ट
उदाहरण 2
इनपुट फील्ड को बटन में बदलें:
myInput.setAttribute("type", "button");
बदलने से पहले:
बदलने के बाद:
उदाहरण 3
<a> एलीमेंट को href गुण जोड़ें:
myAnchor.setAttribute("href", "");
जोड़ने से पहले:
codew3c.com पर जाएँ
जोड़ने के बाद:
codew3c.com पर जाएँ
उदाहरण 4
target गुण के मूल्य को "_self" में परिवर्तित करें:
if (element.hasAttribute("target")) {
element.setAttribute("target", "_self");
}
व्याकरण
element.setAttribute(नाम, value)
पैरामीटर
| पैरामीटर | वर्णन |
|---|---|
| नाम | आवश्यक। गुण का नाम。 |
| value | आवश्यक। नया गुण मूल्य。 |
वापसी मूल्य
अधिकत: नहीं
फेंक होना
| अपवाद | वर्णन |
|---|---|
| INVALID_CHARACTER_ERR | पैरामीटर नाम HTML गुण नाम या XML गुण नाम को नहीं इस्तेमाल किए जा सकने वाले अक्षर हैं। |
| NO_MODIFICATION_ALLOWED_ERR | वर्तमान एलीमेंट लिखित है, इसके गुण को संशोधित नहीं किया जा सकता है。 |
ध्यान
इससे एलीमेंट को गुण वाला style गुण जोड़ा जा सकता है, लेकिन इसे करने की सिफारिश नहीं की जाती, क्योंकि यह style गुण के अन्य गुणों को ओवरराइड कर सकता है।
कृपया Style ऑब्जैक्ट की गुण से परिवर्तित करें:
दोष:
element.setAttribute("style", "background-color:red;");
फायदा:
element.style.backgroundColor = "red";
ब्राउज़र समर्थन
element.setAttribute() यह DOM Level 1 (1998) विशेषता है।
सभी ब्राउज़र इसे पूरी तरह से समर्थित करते हैं:
| च्रोम | आईई | एज | फायरफॉक्स | सैफारी | ऑपेरा |
|---|---|---|---|---|---|
| च्रोम | आईई | एज | फायरफॉक्स | सैफारी | ऑपेरा |
| समर्थन | 9-11 | समर्थन | समर्थन | समर्थन | समर्थन |
- पिछला पन्ना scrollWidth
- अगला पन्ना setAttributeNode()
- एक स्तर ऊपर वापस जाएँ HTML DOM Elements वस्तु
