html点按钮展开图片,案例：点击按钮隐藏图片 再次点击显示图片

要求如题，本宝宝的代码如下：

Document

.hide{

display: none;

}

隐藏图片

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="隐藏图片";

}

}

结果符合要求：

点击按钮时，变成：

再次点击按钮：

但是有一点我没想明白，就是在if语句中，当我将else改为if(document.getElementById("world").innerHTML=="显示图片")时，点击按钮 图片无反应……我觉得这两种代码没有区别啊？为什么结果不一样呢……

留存 等我以后明白了再来解答~嗯哼~╭(╯^╰)╮