javascript 怎么获得SRC图片的高宽

javascript 怎么获得SRC图片的高宽,第1张

写了一个简单的例子,应该是你说的动态获取!

<img id="abc" src="time1gif" />

<div id="oId" style="background-color:#ccc; border:1px solid #ddd; color:#00f; width:100px; height:100px; line-height:100px; text-align:center;"></div>

<script type="text/javascript">

var oImg = documentgetElementById('abc');

var oId = documentgetElementById('oId');

var i = 1;

function checkimg(){

if(i<3){

i++;

alert(oImgsrc);

oImgsrc='time'+i+'gif';

oIdinnerHTML = oImgwidth;

}

else i = 0;

}

setInterval("checkimg()",5000)

</script>

1、界面中有一个img,但是没有用js来设置它的宽度高度和背景颜色。

2、接着使用jQuery获取到所要设置的div,并且调用css()方法即可开始设置了。

3、在css方法即可设置,注意,里面有花括号哦,并且属性用双引号引起来。

4、同时设定多个属性,则要用逗号隔开,这样即可多个属性生效。

5、接着打开hbuilder上方浏览器小图标,开始预览。

6、最后观看效果。

canvaswidth获取的是写在标签属性中的宽度值,eg :<canvas width="800" height="600"></canvas>

这时我们获取的canvas的宽度值是800px;但是如果canvas标签没有设置宽高属性,而是写在css样式表,或者style标签中,canvaswidth获取的是canvas的默认宽(canvas默认宽是300px,默认高是150px)

以上就是关于javascript 怎么获得SRC图片的高宽全部的内容,包括:javascript 怎么获得SRC图片的高宽、怎么js设置Img的宽度,和高度、js获取canvas 的宽和高,到底是多少等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10125348.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-05
下一篇 2023-05-05

发表评论

登录后才能评论

评论列表(0条)

保存