养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

js怎么显示图标

时间:2024-09-25 23:12:38

js怎么显示图标,有些噩荜务圃网页需要实现显示和隐藏图标的功能,这是需要通过javascript来实现的,因为js是可以让网页动态实现功能的,要显示,那么我们就只能先隐藏让后再显示。

js怎么显示图标

工具/原料

chrome浏览器

sublimetext3

windows7

方法/步骤

1、新建一个HTML文档,然后我们设立一下HTML的基本架构。

js怎么显示图标

2、创建图片和按钮标签。

js怎么显示图标

js怎么显示图标

3、创建CSS文档,并且关联HTML文档。

js怎么显示图标

4、img{display:none;}用这个样式可以把图片隐藏掉。

js怎么显示图标

js怎么显示图标

5、创建JS文档,并且和HTML文件管理。

js怎么显示图标

6、在按钮标签里面加入onclick="hiddenn()"。并且螅岔出礤在JS文档里面创建函数。functionhiddenn(){varimage=doc锇栀劐箨ument.getElementById("img");document.write("<imgsrc='test.png'>")}这个时候点击按钮就能显示图标。

js怎么显示图标

js怎么显示图标

js怎么显示图标

js怎么显示图标

© 一点知识