获取元素样式
/**
* 获取元素的当前显示样式
* 语法：元素.currentStyle.样式名
* 可以读取当前元素正在显示的样式
*
* ie浏览器支持，其他浏览器不支持
/
//alert(box1.currentStyle.width)
/
/
* getComputedStyle()这个方法来获取当前元素的样式
* 这个是windows方法，可以直接使用
* 需要两个参数
* 第一个：要获取样式的元素
* 第二个：可以传递一个伪元素，一般都传null
* 该方法返回一个对象，对象中封装了当前样式对应的样式
* 可以通过对象名.样式名来获取样式值
* 如果获取的样式没有设置值，则会获取真实的值而不是默认值，
* 比如没有设置width，他不会获取到auto，而是一个宽度
*
* 但是该方法不支持ie8
* 通过currentStyle和getComputedStyle()这两个方法获取到的样式都是只读的
*/
function getStyle(obj, name) {/*** 不需要判断浏览器是ie还是火狐谷歌* 下面的getComputedStyle在除ie8以外能识别，在ie8中就认为是一个变量* ie8中在全局中找不到这个变量，就会报错，所以得写window.getComputedStyle*///alert(window.getComputedStyle) 支持的话会弹出，不支持会报错 if (window.getComputedStyle) {//正常浏览器方式return getComputedStyle(obj, null)[name]} else {//ie8的方式return obj.currentStyle[name]}}
鼠标移动获取鼠标位置，浏览器事件
在ie里不支持.clientX，只支持window.clientX，
下面这个写法如果浏览器本身支持event事件（event可以换任意名字）就是用enent.xxxx，如果不支持就是用window.event.xxxx
areaDiv.onmousemove = function (event) {//解决事件对象的兼容性问题// if(!event){//event = window.event// }//可使用if else方式，更常见的写法是下面这种写法event = event || window.eventvar x = event.clientX;var y = event.clientY;showMsg.innerHTML = 'x=' + x + ' ' + 'y=' + y}
