HTML DOM Element style गुण
- पिछला पृष्ठ setAttributeNode()
- अगला पृष्ठ tabIndex
- एक स्तर ऊपर HTML DOM Elements ऑब्जेक्ट
वर्णन और उपयोग
style गुण एलिमेंट के style गुण के मान को रिटर्न करता है, CSSStyleDeclaration ऑब्जैक्ट के रूप में。
CSSStyleDeclaration ऑब्जैक्ट एलिमेंट के सभी इनलाइन शैली गुण को शामिल करता है। यह <head> किसी भी अंतर्गत या बाहरी स्टाइल तालिका में सेट किए गए किसी भी शैली गुण को。
पॉइंट 1
आप इस तरह के स्टाइल को सेट नहीं कर सकते:
element.style = "color:red";
आपको इस तरह के CSS गुण का उपयोग करना चाहिए:
element.style.backgroundColor = "red";
पॉइंट 2
जेसक्रिप्ट व्याकरण और CSS व्याकरण थोड़ा अलग है:
backgroundColor / background-color
देखें हमारे स्टाइल ऑब्जैक्ट के पूर्ण संदर्भ निर्देशाक。
पॉइंट 3
इस style गुण का उपयोग करें, नहीं कि setAttribute() विधिके रूप में, ताकि style गुण के अन्य गुणों को ओवरराइड करने से बचा जा सके।
दूसरे देखें:
उदाहरण
उदाहरण 1
"myH1" का रंग बदलें:
document.getElementById("myH1").style.color = "red";
उदाहरण 2
"myP" के ऊपरी किनारे का मान प्राप्त करें:
let value = document.getElementById("myP").style.borderTop;
व्याकरण
style गुण को रिटर्न करें:
element.style.property
style गुण को सेट करें:
element.style.property = value
गुण मान
| मान | वर्णन |
|---|---|
| value |
निर्दिष्ट गुण के मान को निर्धारित करें。 उदाहरण में: element.style.borderBottom = "2px solid red" |
रिटर्न वैल्यू
| टाइप | वर्णन |
|---|---|
| ऑब्जैक्ट | एलिमेंट के CSSStyleDeclaration ऑब्जैक्ट |
ब्राउज़र समर्थन
element.style यह DOM Level 2 (2001) विशेषता है।
सभी ब्राउज़र इसे पूरी तरह से समर्थित करते हैं:
| च्रोम | आईई | एज | फायरफॉक्स | सैफारी | ओपेरा |
|---|---|---|---|---|---|
| च्रोम | आईई | एज | फायरफॉक्स | सैफारी | ओपेरा |
| समर्थन | 9-11 | समर्थन | समर्थन | समर्थन | समर्थन |
- पिछला पृष्ठ setAttributeNode()
- अगला पृष्ठ tabIndex
- एक स्तर ऊपर HTML DOM Elements ऑब्जेक्ट
