600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > html点按钮展开图片 案例:点击按钮隐藏图片 再次点击显示图片

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

时间:2019-04-22 20:11:35

相关推荐

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=="显示图片")时,点击按钮 图片无反应……我觉得这两种代码没有区别啊?为什么结果不一样呢……

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。