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

发布网友发布时间：2022-04-21 23:05

我来回答

共4个回答

热心网友时间：2022-04-20 12:19

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')

}

函数：隐藏标签

热心网友时间：2022-04-20 13:37

　　因为你写错了，不解释什么，刚写的代码你自己看看，你要的效果可以根据它改；

图片路径改下！！希望对你有帮助哦，

<html>
<head>
<script type="text/javascript">

function run(){
var imgId=document.getElementById("id");
if(imgId.style.display=="block")
imgId.style.display="none";
else
imgId.style.display="block";
}

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>

热心网友时间：2022-04-20 15:12

docment.getElementById('img');你这里是通过ID来获取这个节点，但是……你没有ID啊。所以你把getElementById改为getElementsByTagName吧，记得后面还要加item的。或者，你给img加个id，就可以了。追问加了id也不行啊

追答

docment.getElementById('img');

你的document写错了啦~

document.getElementById('img');

热心网友时间：2022-04-20 17:03

全部栏目

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

扩展资料：