<img onload="javascript:ImgReSize(this)" alt="gggg" style="width: 855px; height: 481px" width="855" src="http://localhost/uploads/allimg/100909/1156123N7-0.jpg" />
<script language='javascript'>
function ImgReSize(e)
{ if(e.width>670)
{
e.width=670;
}}
</script>怎么用JS删除 style="width: 855px; height: 481px" width="855" 呢?
<script language='javascript'>
function ImgReSize(e)
{ if(e.width>670)
{
e.width=670;
}}
</script>怎么用JS删除 style="width: 855px; height: 481px" width="855" 呢?
if(e.style.width>670)
{
e.style.width=670;
}
5楼的大哥呀,追问一下, style里的宽等于670 但是里面的高还是原来的高,这样图片,就变形了,有没有方法,完美解决一下呢,让高自动缩小,最好是 屏蔽掉 style这个属性
清除掉style
FF等其他浏览器下可以使用:e.setAttribute("style","");或者干脆删掉:
e.removeAttribute("style");
{
e.style.cssText="";//直接屏蔽掉style
}或者动态定义style<img onload="javascript:init(this)" alt="gggg" src="http://localhost/uploads/allimg/100909/1156123N7-0.jpg" onclick="change(this);"/>
<script language='javascript'>
function init(img)
{
img.style.width=855+"px";
img.style.height=481+"px";}
function change(img) {
if(img.style.width > (670+"px")){
img.style.width="";
img.style.height="";//这两句就可以还原图片
}
}