如何写js来控制img标签的显示隐藏
<img src="../images/pro_title_icon.jpg" width="75" height="22" />
{$fdh[listart].nyear}.{$fdh[listart].nmonth}.{$fdh[listart].nday}
当下面的时间有的时候，显示，否则不显。
下面这个我用的时候为什么不起效果
<img src="" id="img" style="display:none;">
<script typte="text/javascript">
var img = docment.getElementById('img');
if() img.style.display = '';
</script>
var oDiv=document.getElementById("img");
var oDiv=document.getElementById("div1");//用来控制img的显示和隐藏
window.onload = function(){
if(oDiv.style.display == '')
oDiv.style.display = 'block';
}
//需要触发的事件
function ChangImg(){
if()//添加使其显示的条件
oDiv.style.display = 'none';
else {
oDiv.style.display = 'block';
}
}
扩展资料：
注意事项
一、首先来说一下标签的隐藏
1、在标签中添加css属性即可{display:none}
2、在标签中添加类hidden 如（haml例子：%input#diaplay.hidden）
（html例子：<input type="hidden">）
二、标签的显示与隐藏
只需两个函数即可：
$().removeClass('hidden'); //移除hidden类即显示被隐藏的标签
$().addClass('hidden'); //增加hidden类即隐藏某标签
例如：
%input#display
%button{:οnclick=>"display_input()"}
函数:显示标签
function display_input(){
$('#display').remomeClass('hidden')
}
函数：隐藏标签
function display_input(){
$('#display').addClass('hidden')
}
函数：隐藏标签
因为你写错了，不解释什么，刚写的代码你自己看看，你要的效果可以根据它改；
图片路径改下！！希望对你有帮助哦，
<html>
<head>
<script type="text/javascript">
<!--display的显示影藏方式 block：显示，none：影藏 ；影藏后不占有原有位置-->
function run(){
var imgId=document.getElementById("id");
if(imgId.style.display=="block")
imgId.style.display="none";
else
imgId.style.display="block";
}
<!--visibility的显示影藏方式 visible:显示，hidden：影藏 影藏后仍占有原有位置-->
function run2(){
var imgId2 = document.getElementById("id2");
if(imgId2.style.visibility =="hidden")
imgId2.style.visibility ="visible";
else
imgId2.style.visibility = "hidden";
}
</script>
</head>
<body>
<img name="img" id="id" src="9s.gif" style="display:block">
<input value="影藏显示:display" onclick="run();" type="button"/><br/>
<!--------------------------------------------------------------------------->
<img name="img" id="id2" src="9s.gif" style="visibility:visible"><br/>
<input value="影藏显示:visibility" onclick="run2();" type="button"/>
</body>
</html>本回答被提问者采纳
加了id也不行啊
追答docment.getElementById('img');
你的document写错了啦~
document.getElementById('img');var oDiv=document.getElementById("div1");//用来控制img的显示和隐藏
window.onload = function(){
if(oDiv.style.display == '')
oDiv.style.display = 'block';
}
//需要触发的事件
function ChangImg(){
if()//添加使其显示的条件
oDiv.style.display = 'none';
else {
oDiv.style.display = 'block';
}
}