js如何判断一个div内有多张图片，并且控制其尺寸？

如题，当有一张图片时js不控制，如果有多张图片，则控制该div内的图片宽度为一个定值，如何实现呢？求牛人给出代码，新手才学习。

解决方案 »

  1.   

    你需求的重点在前面两句
    var div=document.getElementById("div的id");//获取div
    var img=div.getElementsByTagName("img");//获取div内的图片
    if(img.length>1){
        for(var i=0;i<img.length;i++){
            img[i].style.width='你想控制的宽度';
        }
    }
      

  2.   

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
    <script>
    $(document).ready(function(e) {
    var img_length= $(".img_box img").length;
    alert(img_length);
    var w=1000/img_length;
    alert(w);
    $(".img_box img").width(w)
    });</script>
    </head><body>
    <div class="img_box">
    <img src="http://t3.baidu.com/it/u=4195449959,113884650&fm=24&gp=0.jpg"/>
    <img src="http://t3.baidu.com/it/u=4195449959,113884650&fm=24&gp=0.jpg"/>
    <img src="http://t3.baidu.com/it/u=4195449959,113884650&fm=24&gp=0.jpg"/>
    <img src="http://t3.baidu.com/it/u=4195449959,113884650&fm=24&gp=0.jpg"/>
    <img src="http://t3.baidu.com/it/u=4195449959,113884650&fm=24&gp=0.jpg"/>
    <img src="http://t3.baidu.com/it/u=4195449959,113884650&fm=24&gp=0.jpg"/>
    <img src="http://t3.baidu.com/it/u=4195449959,113884650&fm=24&gp=0.jpg"/></div>
    </body>拿JQ选择器获取一下图片数组长度 然后计算宽度