ほうしう北京へおでかけ
趣味のホームページ JavaScript

四半世紀を駆け抜けたキラ星「アイドル」爆笑取材秘話
およそ二百数十人もの新人アイドル少女を毎月対面取材した著者。
田中麗奈、酒井法子、優香らトップアイドル!「立ちバック、さいこー!」と口走ったり、途中から「手コキ」を始めた名前の出せないアイドルまで・・・。

趣味のjavascript
オブジェクトの位置とサイズ取得関数

オブジェクトの左、右、上、下
オブジェクトの幅、高さを取得する関数をまとめてみた。

  function getLEFT(layName){
    if(document.all)                    //e4,e5,e6,o6,o7用
      return document.all(layName).style.pixelLeft
    else if(document.getElementById)    //n6,n7,m1,s1用
      return (document.getElementById(layName).style.left!="")
              ?parseInt(document.getElementById(layName).style.left):""
    else if(document.layers)            //n4用
      return document.layers[layName].left 
  }

  function getRIGHT(layName){
    if(document.all){                   //e4,e5,e6,o6,o7用
      return  document.all(layName).style.pixelLeft
             +document.all(layName).style.pixelWidth
    } else if(document.getElementById){ //n6,n7,m1,s1用
      var l = document.getElementById(layName).style.left
      var w = document.getElementById(layName).style.width
      return ( l!="" && w!="" )?parseInt(l)+parseInt(w):"" 
    } else  if(document.layers){        //n4用
      return document.layers[layName].left
             +document.layers[layName].clip.right
    }
  }
  
  function getTOP(layName){
    if(document.all)                    //e4,e5,e6,o6,o7用
      return document.all(layName).style.pixelTop
    else if(document.getElementById)    //n6,n7,m1,s1用
      return (document.getElementById(layName).style.top!="")
              ?parseInt(document.getElementById(layName).style.top):""
    else if(document.layers)            //n4用
      return document.layers[layName].top 
  }
  
    function getBOTTOM(layName){
    if(document.all){                           //e4,e5,e6,o6,o7用
      return  document.all(layName).style.pixelTop
             +document.all(layName).style.pixelHeight
    } else if(document.getElementById){         //n6,n7,m1,s1用
      var t = document.getElementById(layName).style.top
      var h = document.getElementById(layName).style.height
      return ( t!="" && h!="" )?parseInt(t)+parseInt(h):"" 
    } else  if(document.layers){                //n4用
      return document.layers[layName].top
             +document.layers[layName].clip.height
    }
  }

    function getHeight(layName){
    if(document.all){                           //e4,e5,e6,o6,o7用
      return document.all(layName).style.pixelHeight
    } else if(document.getElementById){         //n6,n7,m1,s1用
      var h = document.getElementById(layName).style.height
      return ( h!="" )?parseInt(h):"" 
    } else  if(document.layers){                //n4用
      return document.layers[layName].clip.height
    }
  }

    function getWidth(layName){
    if(document.all){                           //e4,e5,e6,o6,o7用
      return document.all(layName).style.pixelWidth
    } else if(document.getElementById){         //n6,n7,m1,s1用
      var w = document.getElementById(layName).style.width
      return ( w!="" )?parseInt(w):"" 
    } else  if(document.layers){                //n4用
      return document.layers[layName].clip.width
    }
  }

Javascript サンプルはここから