获取计算后的style样式（非行内）

1 用getComputedStyle()

window.getComputedStyle(element[, pseudoElt])

用来获取计算后的css样式，用于获取非行内样式，只读不能修改

var getstyle=window.getComputedStyle(box,null);
console.log(getstyle.width)//200px

兼容ie8和8以下

var getstyle=box.currentStyle['width'];

兼容封装

//封装函数实现获取一个对象的非行间样式，并且保证兼容性
		function getStyle(obj.attr){
			//获取谁的属性：obj
			//获取什么属性：attr
			//判断浏览器是否支持getComputedStyle
			if(window.getComputedStyle){
				return window.getComputedStyle(obj,null)[attr];
			}else{
				//ie低版本方法
				return obj.currentStyle[attr]
			}
		}

获取after属性的方法

var b=window.getComputedStyle(box,':after').width;