1. 程式人生 > >JS中相容高階低階瀏覽器獲取樣式的方法

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>