要求如题,本宝宝的代码如下:
<head>
<meta charset="UTF-8">
<title>Document</title>
<!-- 点击按钮隐藏图片 显示图片……循环……*/ -->
<style>
.hide{
display: none;
}
</style>
</head>
<body>
<button value="隐藏图片" onclick="fn()" style="display:block;" id="world">隐藏图片 </button>
<img src="oil.png" alt="" id="img" />
<script>
function fn(){
var img=document.getElementById("img");
if(document.getElementById("world").innerHTML=="隐藏图片"){
img.className="hide";
document.getElementById("world").innerHTML="显示图片";
}else{
img.className="";
document.getElementById("world").innerHTML="隐藏图片";
}
}
</script>
</body>
结果符合要求:
点击按钮时,变成:
再次点击按钮:
但是有一点我没想明白,就是在if语句中,当我将else改为if(document.getElementById("world").innerHTML=="显示图片")时,点击按钮 图片无反应……我觉得这两种代码没有区别啊?为什么结果不一样呢……
留存 等我以后明白了再来解答~嗯哼~╭(╯^╰)╮