怎么用js改变div里面的图片大小

你的div的结构是下面这种结构吗？

<div>

     <img>

</div>

如果是的话，你先获取到div，

然后在div里获取img；

var aImg=documentgetElementById("div's Id")getElementsByTagName('img');

for(var i=0;i<aImglength;i++){

      aImg[i]styleheight="the height you want";

      aImg[i]stylewidth="the width you want";

}

如果你所说的是指div的background，那么你可以在CSS里面用：

background-size:50px 100px;（调整背景的大小）

background-repeat:no-repeat;（是否平铺，否）

/也可以：/

background-size:40%100%;（对背景进行拉伸）

当然用js的话也可以：

imgstylebackgroudSize='50px 100px';

imgstylebackgroudRepeat='on-repeat';

少用 JS 多用 CSS, 提升运行效率 另外 resize 事件当用鼠标拖放窗口大小时, 触发非常频繁, 谨慎使用

建议 body 下 布局一个 DIV, 这个DIV 的 CSS 可以这样处理:

{

    position: absolute;

    left:0px;

    right:0px;

    top:0px;

    bottom:0px;

    overflow:auto;

}

然后再在这个 div中进行布局, 子div可以用 100%相对布局, 页面宽度就自动撑开了

另外一种常用布局是用 table 设置宽度为100%进行布局, 不过有很多局限, 用的少了

常用div宽度获取 domoffsetWidth:只读属性,返回元素的布局宽度数值(int)(content + padding + border),此数值为四舍五入后的整数 domgetBoundingClientRect()width:只读属性,返回元素的布局宽度数值(int)(content + padding + border),此数值不会四舍五入 windowgetComputedStyle(dom)width:只读属性,返回元素内容宽度的数值和单位(string)(content) domscrollWidth:只读属性,返回全部content+ padding 的宽度数值(int) domclientWidth:只读属性,返回元素内容可视区域的宽度(content + padding)

$('divname')width()//div宽度不包含padding,border

$('#id')innerWidth() // 包含padding

$('#id')outerWidth() // 包含padding, border

$(document)ready(function(){

$("#divimg")each(function(){

var obj = $(this);

var img = objfind("img");

if(imgheight() > objheight() || imgwidth() > objwidth())

{

alert("超出预定义大小！");

}

});

});

以上就是关于怎么用js改变div里面的图片大小全部的内容，包括:怎么用js改变div里面的图片大小、怎么用jQuery/HTML/Div+CSS按浏览器屏幕大小自适应布局、cssdiv如何获取父级元素div的宽度等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！