控制图片的行内样式

<img src="./通知详情页_files/1509003368932013649.jpg" alt="" style=" padding: 0px; font-size: 12px; border: none; max-width: 800px; width: 658px; "
width="258" height="200" border="0" vspace="0" title="">

优先级：img的标签属性 > img 的行内样式

所以这里如果要控制图片样式，只能使用js控制img的行内样式；（当然也可以用！important，因自己文件原因，不能用）；

js代码如下：

<script type="text/javascript">

    //            var aB =   window.screen.availWidth;
    // 　屏幕可用工作区宽度： window.screen.availWidth
    //document.getElementsByTagName('img')[0].setAttribute("style","max-width:50px");
    window.onload = function(){
        var aimg = document.getElementsByTagName('img');

        var aB =   window.screen.availWidth;

        for(i=0;i<aimg.length;i++) {
            if(aB ==360 ){
                aimg[i].setAttribute("style","max-width:345px");
            }else if(aB ==375){
                aimg[i].setAttribute("style","max-width:360px");
            }else if(aB ==320){
                aimg[i].setAttribute("style","max-width:305px");
            }else if(aB >=760){
                aimg[i].setAttribute("style","max-width:745px");
            }
            else {
                aimg[i].setAttribute("style","max-width:350px");
            }

        }

    }
</script>

个人愚见，请指教

document.getElementsByTagName('img')[0].setAttribute("style","max-width:50px");
这里（‘img’）不取值为数组是没有效果的。