怎样获取id="a" 的div里class="vid" 的div的高度 宽度

怎样获取id="a" 的div里class="vid" 的div的高度 和宽度
<div id="a">
  <div class="vid" style="width:100px;height:100px">  </div></div>

解决方案 »

  1.   

    document.getElementById("a").width
    document.getElementById("a").height
      

  2.   

    看看这个....<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    </head>
    <style type="text/css">
    *{font-family:verdana; font-size:12px;}
    </style>
    <script type="text/javascript">
    function $(id){
    return "string" == typeof(id) ? document.getElementById(id) : id ;
    }
    function getInfo(){
    var w,h;
    var oList=$("a").getElementsByTagName("DIV");
    for(var i=0;i<oList.length;i++){
    if(oList[i].className.toLowerCase()=="vid"){
    w=oList[i].style.width;
    h=oList[i].style.height;
    }
    }
    if(w!="" || h!=""){
    alert("width : "+w+"\nheight : "+h);
    }else{
    alert("空值");
    }
    }
    </script>
    <body><div id="a">
      <div class="vid" style="width:100px;height:100px"> </div>
    </div>
    <a href="javascript:getInfo();">get Info</a>
    </body>
    </html>
      

  3.   

    var divs = document.getElementById("a").getElementsByTagName("div"),...
      

  4.   

    用jQuery比较简单。
    $("#a div.vid").width
    $("#a div.vid").height
      

  5.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <script   type= "text/javascript"   src= "jquery-1.2.6.js"> </script> 
      <style type="text/css">
    .vid {}
      </style>
      <script type="text/javascript">
    $(function(){
    $("#one").click(function(){
    var x=$("#a div.vid").css("width");
    alert(x);
    });
    })
      </script>
     </HEAD> <BODY>
      <div id="a">
     <div class="vid" style="width:100px;height:100px;background-color:blue"> </div>
    </div>
    <input id="one" type="button" value="get"/>
     </BODY>
    </HTML>
    $("#a div.vid").css("width");
      

  6.   


    var x=$("#a div.vid").width();
    var y=$("#a div.vid").height();
      

  7.   

    不用jQuery也可以啊
    var Xdiv=document.getElementById('a').getElementsByTagName('div');
    for(var i=0;i<Xdiv.length;i++){
    if(Xdiv[i].className=='vid'){
    var Xwidth=Xdiv[i].width;
    var Xheight=Xdiv[i].height;
    }
    }
      

  8.   

    如果你想获取当前作用在div上面的height还有width的话用下面的函数
    function getStyle(obj,which){
         return obj.currentStyle?
        obj.currentStyle[which]:
        document.defaultView.getComputedStyle (obj,null)[which];
    }
    //例子
    var width = getStyle(document.getElementById('a'),'width');
    alert(width);
    如果你想获取当前真正高度宽度的话  用clientWidth clientHeight(不包括边框)
    或者offsetWidth offsetHeight
      

  9.   


    var elems = document.getElementById("a").getElementsByTagName("div");
    var width,height;
    //若有多个
    for(var i = 0; i < elems.length; i++){
        if(elems.className == "vid"){
            width = elems[i].style.width;
            height = elems[i].style.height;
        }
    }
    //如果只有这一个div
    width = elems[0].style.width; height = elems[0].style.height;//jquery写法
    width = $(".vid").width();
    height = $(".vid").height();//or
    $($("#a .vid")[0]).width();
    $($("#a .vid")[0]).height();
    想问一下, lz都已经是五角的同学了, 为什么问这个问题呢
      

  10.   

    这个比较怪异哦，哈哈，问下，如果vid,style里都有设置width，到底取哪个值
      

  11.   

    用jquery$('#a div .vid').css('width');
    $('#a div .vid').css('height');