怎么js设置Img的宽度,和高度

怎么js设置Img的宽度,和高度,第1张

如果使用原生js的话,通过var

image

=

document.getElementById('imageId')或document.images['..']获得image元素,然后使用image.style.width=***和image.style.height=***就可以了.如果使用jquery的话就很简单了.$('图片选择器').css({width:

***,

height:

***})或者.width(***).height(***).

变量没什么问题的,你看看,这个s有没有值,是不是加载js时,还没到body那儿,也就计算不出客户端的宽度。以下是具体实现代码:

具体公式是:

var  s = document.body.clientWidth

document.getElementById("body1").innerHTML=s

document.getElementById("body1").style.width="200px"

这个问题我自然想到过,所有时时都把S 是值显示出来了,S是有效的数字型的变量。

原生JS获取DIV的属性有两种方法

currentStyle和getComputedStyle,前者是兼容IE端的,后者也兼容W3C,两者内核不同,所以就有两种兼容的写法

如果只是单独的获取某个属性值可以这样写

obj.currentStyle[属性名]这种不兼容-webkit-内核的,

所以一般是封装成一个函数可以到处调用,而且不止针对某个属性值

function getStyle(obj,styleName){

if(obj.currentStyle){

return obj.currentStyle[styleName]

}else{

return getComputedStyle(obj,null)[styleName]

}

}

上面是封装好一个函数,可以直接调用

而目前的JQ库就不需要这么麻烦,可以直接

OBJ.CSS(属性名)这样子就可以直接获取


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

原文地址: http://outofmemory.cn/bake/11659855.html

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

发表评论

登录后才能评论

评论列表(0条)

保存