给网友写的控制页面元素高度的代码（js）

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml" >
< head >
     < title > 无标题页 </ title >
     < script  type ="text/javascript" >
                        function $(id)
                    {
                     return document.getElementById(id);
                    }
function ss()
{
        var wd=$("aa");
        //wd= wd.toString().substr(0,3);
        for (var i=1;i<wd.childNodes.length;i++)
        {
            var wdH=wd.childNodes[i].clientHeight;
//            alert(wdH);
            if(wdH>200)
            {
                 wd.childNodes[i].style.overflow="hidden";
                wd.childNodes[i].style.height="200px";
                //alert(document.getElementById('aa').style.width);
            }
        }

}

     </ script >
     < style >
    #aa {}{ clear:both}
    #aa div {}{ float:left; display:inline; margin-left:15px; }
    .bor {}{ border:1px solid #DDDDDD;}
     </ style >
</ head >
< body  onload ="ss" >

< div  id ="aa" >
    < div  style ="height:10px;"  class ="bor" > dsas </ div >
    < div  style ="height:400px; background:blue"  class ="bor" > 雕刻家司克拉 </ div >
    < div  style ="height:200px; background:#CCCCCC;"  class ="bor" > dsafdsaf </ div >
    < div  class ="bor" > 地方啊 </ div >
    < div > 单位俄 </ div >
    < div  class ="bor" > 的fe </ div >
    < div  class ="bor" > wewrew  </ div >
   
</ div >
< br  />
< div  onclick ="ss()"  style ="clear:both; border:1px solid #DDDDDD; background:#D5D5D5; width:100px;" > 点击自适应 </ div >
</ body >  
</ html >

转载于:https://www.cnblogs.com/Longkin/archive/2008/05/21/1203809.html