如何写js来控制img标签的显示隐藏

varoDiv=document.getElementById("img")

varoDiv=document.getElementById("div1")//用来控制img的显示和隐藏

window.onload=function(){

if(oDiv.style.display=='')

oDiv.style.display='block'

}

//需要触发的事件

functionChangImg(){

if()//添加使其显示的条件

oDiv.style.display='none'

else{

oDiv.style.display='block'

}

}

扩展资料：

注意事项

一、首先来说一下标签的隐藏

1、在标签中添加css属性即可{display:none}

2、在标签中添加类hidden 如（haml例子：%input#diaplay.hidden）

（html例子：<inputtype="hidden">）

二、标签的显示与隐藏

只需两个函数即可：

$().removeClass('hidden') //移除hidden类即显示被隐藏的标签

$().addClass('hidden')   //增加hidden类即隐藏某标签

例如：

%input#display

%button{:οnclick=>"display_input()"}

函数:显示标签

functiondisplay_input(){

$('#display').remomeClass('hidden')

}

函数：隐藏标签

functiondisplay_input(){

$('#display').addClass('hidden')

}

函数：隐藏标签

setheaderdata隐藏标签方法如下：

1、visibility：hidden(隐藏)，visibility：visible（显示）。

2、opacity属性值：（0-1）opacity设置透明度值从0-1，0表示完全透明，1表示完全不透明将标签设置为opacity，0即可使标签隐藏。

---