js怎么实现隐藏图片功能

JavaScript028

js怎么实现隐藏图片功能,第1张

解决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(任意), 和图片放在同一个文件夹下