限制图片的大小的脚本

<html>
<head>
     <title>限制图片的大小</title>
</head>
<img src="images/big.jpg"><!--这个图片的width为800px,下面的js作用，生效了-->
<img src="images/small.gif"><!--这个图片的width为600px，下面的js作用，也生效了-->
<!--假如这里是一串内容，是在webeditor上编辑有表单传过来的数据，这里面的图片不能被下面的js控制，也就是说在这里js作用，未生效---><script type="text/javascript">
  var a=document.getElementsByTagName("img");
  for(var i=0; i<a.length;i++)
   {
   if(a[i].width>750)
   {
    a[i].width=750;
   }
  }
</script>
</body>
这说明webeditor数据里面传来的值不是纯粹的<body>（主题标签）中的数据，可能高于<body>更高层的标签，如<html>标签。对吗？？？

解决方案 »

  1.   

    getElementsByTagName这个函数不一定是取的哪一层标签里边的元素，看了下边这个简单的示例代码，你就应该更清楚了。<!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>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    </head><body>
    <div id="divTotal">
            <img src="images/big.jpg"/>
            <img src="images/small.gif"/>
        </div>
    </body>
    <script type="text/javascript">
    var divTotal = document.getElementById('divTotal'); 
    var a=divTotal.getElementsByTagName("img");
    for(var i=0; i<a.length;i++)
    {
    if(a[i].width>750)
    {
    a[i].width=750;
    }
    }
    </script>
    </html>