方式：1、用“按键目标.onclick=function(){}”句子给按键关联点一下事件处理函数；2、处理函数中，加上“div目标.style.display="none"”句子；3、点击图标会开启处理函数，实行在其中的句子就可以掩藏div。
本实例教程作业环境：windows7系统软件、javascript1.8.5版、Dell G3计算机。
javascript完成点击图标掩藏div
依据id 按键获得js点击事件，加上事件处理函数
<input type="button" value="掩藏" id="btn"/>
<!--<input type="button" value="表明" id="btn1"/>-->
<div id="dv"></div>
<script>
function my(id){
return document.getElementById(id);
}
my("btn").onclick=function(){
my("dv").style.display="none";
}
</script>设计效果图：
繁杂一点，假如div是标注的，点击图标可掩藏；假如div是隐藏，点击图标可显示。
<input type="button" value="掩藏" id="btn"/>
<!--<input type="button" value="表明" id="btn1"/>-->
<div id="dv"></div>
<script>
function my(id){
return document.getElementById(id);
}
my("btn").onclick=function(){
if (this.value =="掩藏") {
my("dv").style.display="none";
this.value="表明";
} else if(this.value =="表明"){
my("dv").style.display="block";
this.value="掩藏";
}
}
</script>设计效果图：
【强烈推荐学习培训：javascript高级教程】
以上就是关于javascript如何完成点击图标掩藏div的具体内容，大量欢迎关注AdminJS其他类似文章！