其他分享
首页 > 其他分享> > 图片的宽和高说明

图片的宽和高说明

作者:互联网

  1. 有如下代码
<!--网格动态背景开始-->
<img src="http://dmoe.cc/random.php" id="back-img"/>

<!-- 设置定时每10秒切换背景图片 -->
<script>
    setInterval(()=>{
        document.querySelector("#back-img").src = "http://dmoe.cc/random.php?" + parseInt(Math.random()*100);
		document.querySelector("img").style.width = window.innerWidth + "px";
		document.querySelector("img").style.height = window.innerHeight + "px";
	},10000)
</script>
  1. 结果
document.querySelector("img").width   ->   900
document.querySelector("img").style.width   -> 900px
  1. 总结:如果需要修改宽和高时候,只能是通过style,否则可能会有一些已经废弃功能产生问题
    style的时候,像素都是由 px 的

标签:style,img,px,说明,width,querySelector,document,图片
来源: https://www.cnblogs.com/sqmw/p/16510519.html