CSSStyleDeclarationï¼getPropertyCSSValue() æ¹æ³
Deprecated
Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers. >
CSSStyleDeclaration.getPropertyCSSValue() æ¹æ³è¿åä¸ä¸ªå
嫿å®å±æ§ CSS å¼ç CSSValueãæ³¨æï¼å¦æå±æ§åæ¯ä¸ä¸ªç®å屿§ï¼è¯¥æ¹æ³ä¼è¿å nullã
夿³¨ï¼æ¤å±æ§æ¾æ¯å建类åå CSS 对象模åå°è¯çä¸é¨åã该å°è¯å·²è¢«æ¾å¼ï¼å¤§å¤æ°æµè§å¨å¹¶æªå®ç°å®ã
è¦å®ç°ä½ çç®çï¼ä½ å¯ä»¥ä½¿ç¨ï¼
- æ ç±»åç CSS 对象模åä¸è¢«å¹¿æ³æ¯æç
CSSStyleDeclaration.getPropertyValue()æ - ç°ä»£åç CSS ç±»å对象模å API 䏿¯æåº¦è¾ä½ä¸è¢«è§ä¸ºå®éªæ§ç
Element.computedStyleMap()ã
è¯æ³
getPropertyCSSValue(property)
åæ°
property-
ä¸ä¸ªå符串ï¼è¡¨ç¤ºè¦è·åç屿§åç§°ã
è¿åå¼
ä¸ä¸ªå
å«è¯¥å±æ§ CSS å¼ç CSSValue ã妿ä¸åå¨åè¿å nullã
示ä¾
ä¸é¢ç JavaScript 代ç è·åä¸ä¸ªå¯¹è±¡ï¼å
¶ä¸å
å« color CSS 屿§ç计ç®åç RGB å¼ï¼
const style = window.getComputedStyle(elem, null);
const rgbObj = style.getPropertyCSSValue("color").getRGBColorValue();
è§è
æ¤ç¹æ§æåå®ä¹äº DOM æ ·å¼ç¬¬ 2 çè§èï¼ä½èªé£ä»¥åå·²ä»ä»»ä½æ ååå·¥ä½ä¸ç§»é¤ã
å®å·²è¢«ç°ä»£ä½ä¸å ¼å®¹ç CSS ç±»å对象模å API æå代ï¼åè ç°å·²è¿å ¥æ å轨éã