js控制图片高度、宽度

//给你一个比较灵活的，可自由控制
jQuery(window)load(function () {
jQuery("div1 img")each(function () {//div1下的img宽度、高度设置
DrawImage(this, 700, 470);//宽700，高470，自己改为相同即可。
});
});
function DrawImage(ImgD, FitWidth, FitHeight) {//下面是判断，可自己修改条件
var image = new Image();
imagesrc = ImgDsrc;
if (imagewidth > 0 && imageheight > 0) {
if (imagewidth / imageheight >= FitWidth / FitHeight) {
if (imagewidth > FitWidth) {
ImgDwidth = FitWidth;
ImgDheight = (imageheight  FitWidth) / imagewidth;
}else {
ImgDwidth = imagewidth;
ImgDheight = imageheight;
}
} else {
if (imageheight > FitHeight) {
ImgDheight = FitHeight;
ImgDwidth = (imagewidth  FitHeight) / imageheight;
} else {
ImgDwidth = imagewidth;
ImgDheight = imageheight;
}
}
}
}

如果使用原生js的话,通过var
image
=
documentgetElementById('imageId')或documentimages['']获得image元素，然后使用imagestylewidth=和imagestyleheight=就可以了．如果使用jquery的话就很简单了．$('选择器')css({width:
,
height:
})或者width()height()

你怎么知道我有答案？昨天是回答了，结果无缘无故被弊，再试试吧

注意因为百度知道这几天的高亮显示不正常，下面代码中前面的空格都是全角，你复制粘贴之后自己用编辑器查找/替换全部吧。

<style type="text/css">
#div {
    width: 100%;
    background: url("bgjpg") no-repeat;
    background-size: 100% auto;
    border: 1px solid #f00;
}
</style>

getBounds获取宽高。
setBounds设置宽高，或者scaleX,scaleY设置宽高的缩放。
>给img添加加载事件，图像加载完成才能获取的尺寸。
html中添加onload
function showSize(img){
alert(imgwidth);
alert(imgheight);
}
<div style="width:100px;height:600px"><img src="1jpg" onload="showSize(this)"></div>
或者js代码中添加onload
let img=documentquerySelector("div img");
imgonload = function() {
alert(imgheight);
alert(imgwidth);
}

---