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

如题所述

第1个回答  2022-11-16

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
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="250" HEIGHT="361" BORDER=0>
<INPUT id="button1" TYPE="button" value="显示" onclick="test_f();">
</BODY>
</HTML>

如何用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("div1");\/\/用来控制img的显示和隐藏 window.onload = function(){ if(oDiv.style.display == '')oDiv.style.display = 'block';} \/\/需要触发的事件 function ChangImg(){ if()\/\/添加使其显示的条件 oDiv.style.display = 'none';else { oDiv.style.displ...

如何写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如何让图片显示隐藏三次
一、案例需求 点击按钮后图片隐藏,同时按钮的文字变为显示,再次点击按钮图会显示,同时按钮的文 字变为隐藏。二、案例分析 1、事件源:按钮(button)2、事件类型:点击(onclick)3、事件处理程序:(1)文字内容改变用:innerText (2)图片是否显示用:display 三、代码如下 <!DOCTYPE html> <html...

如何用JS控制html中的IMG标签?若IMG=“”,则不显示图片,否则就显示img...
HTML:<img src="" id="imgid"\/> JS:var img = document.getElementById('imgid');if(img.src == "")img.style.display = "none";

用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 隐藏显示图片~` 简单程序
if(img_arr[0].src==char_cha+"\/"+jpg_1)img_arr[0].src=char_cha+"\/"+jpg_2;else img_arr[0].src=char_cha+"\/"+jpg_1;} <\/script> <\/head> <body> <img src="1.jpg" onclick="click_cha()"> <\/body> <\/html> 图片名字为1.jpg 和 2.jpg ,将这段代码保存为dd....

js如何判断div里面的图片为空隐藏,否则显示,如下图?
<img src="images\/img1.jpg" alt="这里是第一张图片"> 改为 <img src="images\/img1.jpg" alt="这里是第一张图片" onerror="box2.style.display='none';"> 剩下的四张图片的代码也照这样修改。

相似回答
大家正在搜