我的第一段JavaScript---点击图标关闭相应内容

如图右侧有个关闭图标。(只截取了部分内容)

JavaScript部分:

<script language="javascript" type="text/javascript">
/***
*功能:隐藏
*参数divDisplay:html标签id
***/
    function click_a(divDisplay)
    {
        if(document.getElementById(divDisplay).style.display != "none")
    {
        document.getElementById(divDisplay).style.display = "none";
    }

}
</script>

HTML部分:

<div id="divOne_1" >
	<p class="tou-word">星狮创想电商学院1期班正在招生中,学位15个,欢迎点击客服咨询。
		<span  onClick="return click_a('divOne_1')"><i class="font-icon icon-cancel"></i>                </span>
    </p>			
</div>

效果:

关键部分:

将id=“divOne_1”加入想要关闭的div内

将onClick=“return click_(‘divOne_1’)”加入点击的图标中<span>/<i>/<a><buttom>均可

在<script>部分加入最基础的if语句(点击隐藏)即可。。。

发布了18 篇原创文章 · 获赞 6 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/Fayeni/article/details/81369566