怎么用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';

添加一个函数，onload执行

<script language="javascript" type="text/javascript">

function showPic(which){

var currImg=documentgetElementById("as");//as是你的IMG的id

var myImg=new Image();

var source=whichgetAttribute("href");

//定义图像对象，获取宽高

myImgsetAttribute("src",source);

var w=myImgwidth;

var h=myImgheight;

//利用获取的宽高等比缩放显示，如果宽高小于100则显示原图大小

if(w>h){

currImgsetAttribute("width","100px");

currImgsetAttribute("height",h/w100);

}else if(h>w){

currImgsetAttribute("height","100px");

currImgsetAttribute("width",w/h100);

}

}

function img_zoom(e, o) //鼠标滚轮缩放

{

var zoom = parseInt(ostylezoom, 10) || 100;

zoom += eventwheelDelta / 12;

if (zoom > 0) ostylezoom = zoom + '%';

return false;

}

</script>

<%if mouse_wheel_zoom="on" then

News_Content=replace(News_Content,"<IMG","<IMG id='as' onmousewheel='return img_zoom(event,this)' onload='showPic(this);'",1,-1,1)

end if %>

getBounds获取宽高。

setBounds设置宽高，或者scaleX,scaleY设置宽高的缩放。

>

用js控制额大小。主要是修改的宽度和高度。下面是简单的代码实现：

HTML 代码：

<img src='/1jgp' id='img' />

这个时候img的自身是多大，就会显示多大。100px100px的图。

js代码：

var oImg = documentgetElementById('img');

oImgwidth = '50px'; //当给img标签的宽度设置为50px后，高度会自动按比例缩小。

oImgwidth = '200px' //当给img标签的宽度设置为200px后，高度会自动按比例扩大。

方法一：获取的宽高。可以用offsetWidth和offsetHeight;

方法二：

你先获取img标签标签元素。用getElementById()或者getElementsByClassName或者getElementsByTagName()都可以。

获取之后，如果你的img有width和height 属性，可以直接用img元素对象点属性

documentgetElementsByTagName("img")[0]width;

documentgetElementsByTagName("img")[0]height;

3如果img元素本身没有width和height属性。你可以获取img元素的style样式

function getStyle(obj,attr){

return objcurrentStyleobjcurrentStyle[attr]:getComputedStyle(obj)[attr];

｝；

obj是你的img标签对象，attr是你的想要获取的属性；

currentStyle支持IE低版本浏览器，

getComputedStyle支持主流浏览器

以上就是关于怎么用js改变div里面的图片大小全部的内容，包括:怎么用js改变div里面的图片大小、如何用JS固定图片大小、createjs,easeljs 如何获取图片的宽度和设置图片宽高等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！