如何从JavaScript获取CSS规则中完整的原始样式声明

时间:2018-11-30 23:44:15

标签: javascript html css

我有一个CSS声明,其中包含一些非标准样式,即“ -my-css-style”,当我尝试使用JavaScript对其进行访问时,它似乎已被剥离。

我也有一种情况,如果它是标准CSS样式“位置”,但该值不正确或拼写错误(“绝对”),则将其删除。

有没有办法获取包含错误拼写的名称,值或非标准样式的原始样式声明?

示例:

.myClass {
   position: absoluute;
   width: 10px;
   height: 10px;
   -my-style: 100;
}


// JavaScript  
var rule = document.styleSheets[0].cssRules[0];
var keys = rule.cssText; 

// output - two styles missing
// {width:"10px", height:"10px"}

// second example: 
// outputs ".myRule {position:absolute}"
document.styleSheets[0].cssRules[document.styleSheets[0].insertRule(".MyRule {position:absolute;}")].cssText

// outputs ".myRule {}"
document.styleSheets[0].cssRules[document.styleSheets[0].insertRule(".MyRule {position:absoluute;}")].cssText

0 个答案:

没有答案