如何写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';
}
}
如何用JS控制html中的IMG标签?
以下是用JS控制html中的IMG标签的两种方法：方法一：隐藏某一个特定的IMG <img src="" onerror="this.style.display='none'"> <img src="http:\/\/www.baidu.com\/不存在.jpg" onerror="this.style.display='none'"> 方法二：隐藏页面所有src指向不存在图片的IMG <script>window,onload=function...
如何写js来控制img标签的显示隐藏
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.d...
如何写js来控制img标签的显示隐藏?
--function test_f(){if(img1.style.display == "block"){img1.style.display = "none";button1.value = "显示";}else{img1.style.display = "block";button1.value = "隐藏";}}\/\/--><\/SCRIPT><\/HEAD><BODY><IMG id="img1" SRC="1035634757.jpg" style="display:none" WIDTH=...
如何用JS控制html中的IMG标签?若IMG的src为空时,则不显示img,否则就显示...
方法一就一句，可以隐藏某一个特定的IMG：<img src="" onerror="this.style.display='none'"> <img src="http:\/\/www.baidu.com\/不存在.jpg" onerror="this.style.display='none'"> 方法二，可以隐藏页面所有src指向不存在图片的IMG：如下：<script> window,onload=function(){ var imgs=doc...
如何用JS控制html中的IMG标签?若IMG=“”,则不显示图片,否则就显示img...
HTML:<img src="" id="imgid"\/> JS:var img = document.getElementById('imgid');if(img.src == "")img.style.display = "none";
求一个js控制div的显示隐藏 实现某一区域 获得鼠标焦点显示上方的两个...
这个用jquery就相当简单了。原生态js稍微复杂些 html代码：<div id="img"> <img src="..1.jpg"> <img src="..1.jpg"> <\/di> <br\/> <input type="text" id='in'> css代码：img{display：none} jqury代码：(function(){ ("#in").foucs(function(){ ("#img").show()}) .blur...
用JS怎么隐藏和显示图片, 就是数据库里有图片路径就显示, 没有就隐藏...
aa.innerHTML ="不显示";obj.style.display="block";} } <\/script> <table> <tr> <td align="right"><a href="javascript:" onclick="change()"><div id="ww">JS显示图片<\/div><\/a><\/td> <\/tr> <tr><td><div id="graph" style="display:none"><img src="b0.gif"><\/td...
求js动态显示隐藏favicon标签栏图标代码
直接利用css就能到鼠标移上去显示离开隐藏的效果：#aa{position:relative;width:300px;height:200px;}#aaimg{display:block;width:100%;height:100%;}#aaspan{display:none;}#aa:hoverspan{position:absolute;left:0;bottom:0;display:block;width:100%;height:30px;line-height:30px;text-align:...
js 隐藏显示图片~` 简单程序
function click_cha(){ var jpg_1="1.jpg";\/\/图片1名字，必须带后缀 var jpg_2="2.jpg";\/\/图片2名字，必须带后缀 var img_arr=document.getElementsByTagName("img");var char_url=img_arr[0].src;var url_link=char_url.split("\/");var char_cha=url_link[0];for(var i=1;i<...
帮忙修改一个 JS 显示隐藏时 切换图片的的效果
text\/css"> .div{ border:1px #06F solid;height:50px;width:100px;display:none;} <\/style> <\/head> <body> <div><a href="#" onclick="toggle('div1')">显示\/隐藏<img id="sh" src="d_rightjia.gif" \/><\/a><\/div> <div id="div1" class="div">11111<\/div> ...
