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

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

<head>

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>

<div style="height:400px; background:blue" class="bor">雕刻家司克拉</div>

<div style="height:200px; background:#CCCCCC;" class="bor">dsafdsaf</div>

<div class="bor">wewrew </div>

</div>

<br />

<div onclick="ss()" style="clear:both; border:1px solid #DDDDDD; background:#D5D5D5; 100px;">点击自适应</div>

</body>

</html>