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
JavaScript సింథెక్స్ మరియు CSS సింథెక్స్ కాకుండా ఉంటాయి:
backgroundColor / background-color
మా చూడండి: పూర్తి Style వస్తువు పరిశీలన హాండ్బుక్.
పాయింట్ 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 ఆబ్జెక్ట్
