JavaScript BOM-----获得DOM对象的样式

获得DOM对象的样式的方法有三种,第一种:

JavaScript BOM-----获得DOM对象的样式

运行结果如下

JavaScript BOM-----获得DOM对象的样式

第二种:适用于IE9+的浏览器

JavaScript BOM-----获得DOM对象的样式

运行结果如下

JavaScript BOM-----获得DOM对象的样式

适用于IE8及其以下的浏览器,由于浏览器版本问题,无法得出运行结果,有兴趣的可以寻找相对应的浏览器试运行。

JavaScript BOM-----获得DOM对象的样式

第三种 

获取对象的宽高,带边框不带单位

JavaScript BOM-----获得DOM对象的样式

运行结果如下

JavaScript BOM-----获得DOM对象的样式

获取对象的边框,不带边框带单位

JavaScript BOM-----获得DOM对象的样式

运行结果如下

JavaScript BOM-----获得DOM对象的样式

下面是一个简单的事件监测程序,当鼠标点击在div的红色区域上时,它的宽和高会增加100像素

JavaScript BOM-----获得DOM对象的样式