js如何获取图片显示时的大小尺寸

给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);

}

<img id="_img" src="abcjpg" >

<script type="text/javascript">

function getWH(){

var id="_img";

var w=0;

var h=0;

// 具有较好的通用性

var real= documentgetElementById(id)height || documentgetElementById(id)styleheight || documentgetElementById(id)offsetHeight;

h=parseInt(real);

real= documentgetElementById(id)width || documentgetElementById(id)stylewidth || documentgetElementById(id)offsetWidth;

w=parseInt(real);

alert("w:"+w+" ; h:"+h)

}

getWH();

</script>

使用JavaScript获取某个元素的属性值可以使用jQuery中的选择器+attr()方法。

工具原料：编辑器、浏览器

1、实现的思路是先使用选择器通过id获取到这个元素，然后使用attr方法获取某个属性的值，代码如下：

<div id="div1" class="test">

</div>

<script>

consolelog($('#div1')attr('class'));

</script>

2、运行的结果是获取到了class的值test，

以上就是关于js如何获取图片显示时的大小尺寸全部的内容，包括:js如何获取图片显示时的大小尺寸、我想用js获取一张图片的宽度和高度 请问怎么能获取 图片在<img>标签中、如何用js获取某个img标签节点的所有属性名等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！