解决js怎么实现隐藏图片功能的步骤如下:
1.首先我们来创建一个p元素,在里面写上hello。
2.在浏览器界面上的显示。
3.接下来就用js来隐藏元素。
4.来看看浏览器。
5.已经就不显示了,如果还要再显示回来的话,让它等于block就好。这样就解决了js怎么实现隐藏图片功能的问题了。
function changeType(){if(document.getElementById("cirType").value=="临时电路"){
document.getElementById("L_Time").style.display=""
}else{
document.getElementById("L_Time").style.display="none"
}
}
function changeType(){
if(document.getElementById("cirType").value=="临时电路"){
document.getElementById("L_Time").style.visibility=""
}else{
document.getElementById("L_Time"). style.visibility ="hidden"
}
}
style.display和style.visibility虽然都能实现隐藏和显示功能,但是二者还是有区别的,
display隐藏后就是整个字段消失,而visibility隐藏后其实就好像把上面的字除去,或者理解为覆盖了层东西
<html><head>
<script language="javascript">
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=1i<url_link.length-1i++){
char_cha=char_cha+"/"+url_link[i]
}
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.html(任意), 和图片放在同一个文件夹下