JS中兼容高级低级浏览器获取样式的方法

<script>

  // 找到对象
  var oDiv = document.getElementsByTagName('div')[0]
  // 只能获取行内样式
  // alert(oDiv.style.width)

  // 低级浏览器获取样式
  // alert(oDiv.currentStyle['width'])

  // 高级浏览器获取样式
  // alert(getComputedStyle(oDiv, null)['width'])

  alert(getStyle(oDiv, 'height'))

  // 封装方法兼容获取样式
  function getStyle(obj, attr)
  {
    if (typeof(obj.currentStyle) == 'undefined') {
    return getComputedStyle(obj, null)[attr]
    } else {
      return obj.currentStyle(attr)
    }
  }

</script>

猜你喜欢

转载自www.cnblogs.com/szqlvlll/p/10137281.html