如何返回一个类的计算CSS属性/属性数组?CSS类属性返回
一样,如果我在CSS定义的类:
.global {
background-color: red;
color: white;
text-shadow: 0px 1px 1px black;
}
它在使用JavaScript去一个element
应用。现在我想改变这种elements
儿童color
到父母(.global
)元素background-color
。
,是有办法在一个style
标签阅读从以前定义的类的CSS属性或外部包括*.css
?
类似于,getCSSData([span|.global|div > h1]);
(其中传递的变量是一个CSS选择器,它获取完全匹配元素的数据),它将返回一个对象,其中每个属性都在它自己的可访问变量中?
喜欢的东西:
cssdata = {
selector : '.global',
properties : {
backgroundColor : 'red',
color : 'white',
textShadow : '0px 1px 1px black'
// plus inherited, default ones (the ones specified by W3..)
}
}
而对于我先前解释的示例中的用法是:
// just an example to include both, jQuery usage and/or native javascript
var elements = $('.global').children() || document.getElementsByClassName('.global')[0].children;
var data = $('.global').getCSSData() || document.getCSSData('.global');
return elements.css('color', data.properties.backgroundColor) || elements.style.backgroundColor = data.properties.backgroundColor;
是否有javascript
/jquery
建已经是一个功能,我我忽视了它?
如果不是,我应该找什么来制作一个?
P.S.可DOM Level 3的太..(HTML5'ish ..)
这只是一个值,正如我在问题中提到的那样,我想用单个命令获取所有值。你不能用'* .css();'来完成。 – jolt
你想获得所有的价值? –