function showlist(id){
var divtemp = document.getElementById(id);
var divt = window.getComputedStyle(divtemp).getPropertyValue("display");
if(divt == "none"){
divtemp.style.display = "block";
}else{
divtemp.style.display = "none";
}
}
getComputedStyle
是一个可以获取当前元素所有最终使用的CSS属性值。返回的是一个CSS样式声明对象([object CSSStyleDeclaration]),只读。
window.getComputedStyle(elem,null)
返回`CSSStyleDeclaration
对象
这个对象有getPropertyValue
`方法获取对应css属性的值
例如 getPropertyValue('color')
;//获取字体颜色子
CSSStyleDeclaration是没有style属性的
window.getComputedStyle(elem,null).getPropertyValue(“color”)和window.getComputedStyle(elem,null).color有什么区别
有区别,属性值是不同的访问方式
在访问例如background-color类似格式的css属性时
window.getComputedStyle(elem,null).background-color
就不可以了,需要使用
window.getComputedStyle(elem,null).backgroundColor
访问
window.getComputedStyle(elem,null).getPropertyValue(“background-color”)
是可以的