读取元素的样式

读取元素的样式

正常浏览器
- 使用getComputedStyle()
- 这个方法是window对象的方法，可以返回一个对象，这个对象中保存着当前元素生效样式
参数：
1.要获取样式的元素
2.可以传递一个伪元素，一般传null

btn.onclick = function(){
var obj = window.getComputedStyle(div,null)
console.log(obj.width)
console.log(obj.backgroundColor)
//通过该方法读取到样式都是只读的不能修改
//obj.width = "500px"
var g = getStyle(div,"width")
console.log(g)
}

定义一个函数：获取指定的元素信息
参数1： 指定获取元素信息的元素
参数2： 获取元素的样式名

function getStyle(element,name){
	 if(window.getComputedStyle){
		return window.getComputedStyle(element,null)[name]
     }else{
		return element.currentStyle.name
    }
}