zoukankan      html  css  js  c++  java
  • 给网友写的控制页面元素高度的代码(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; 100px;">点击自适应</div>
    </body> 
    </html>
  • 相关阅读:
    mysql小记
    mysql多实例安装
    源码编译安装mysql
    url监控
    ping命令的用法大全!
    JSON结构
    <a href="onclick="javascript:goSearch(this)" class="click" name="Java">Java</a>为什么a标签的父节点获取不到
    处理jquery版本之间冲突
    C# 语言如何获取json格式的数据,不用javascript用c#实现。。。
    在C#用HttpWebRequest中发送GET/HTTP/HTTPS请求【转载】
  • 原文地址:https://www.cnblogs.com/Longkin/p/1203809.html
Copyright © 2011-2022 走看看