javascript控制点击一次按钮实现元素的显示隐藏

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”)是可以的