有思俱乐部学习园地

获取样式的值


currentStyle与getComputedStyle兼容

功能:获取样式的值
因为currentStyle该属性只兼容IE,不兼容火狐和谷歌,所以当浏览器不支持currentStyle的时候,给浏览器的全局HTMLElement设置getComputedStyle事件,让页面上所有的元素都有currentStyle这个事件
事例:

未使用UForm框架前
html:
<div id="abc" style="background:red;width:100px;height: 100px;">aaaaaa</div>
js:
  var abc = document.getElementById("abc");
    if(abc.currentStyle) {
        console.log(abc.currentStyle.width);
    } else {
        console.log(getComputedStyle(abc,false).width);
    }
使用UForm框架
html:
<div id="abc" style="background:red;width:100px;height: 100px;">aaaaaa</div>
js:
$("#div")[0].currentStyle["width"];

用来测试的框:宽200px, 高100px

注:$("#inner")[0]获取的是上面框的id
currentStyle["width"]获取$("#inner")[0]的宽度
currentStyle["width"]内的width可修改成其他样式.如:height,background

$("#inner")[0].currentStyle["width"];

返回结果

工作人员

 
作者:廖泽愈
信息录入:廖泽愈