获取元素样式
/**
* 获取元素的当前显示样式
* 语法:元素.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}