js怎么显示图标,有些噩荜务圃网页需要实现显示和隐藏图标的功能,这是需要通过javascript来实现的,因为js是可以让网页动态实现功能的,要显示,那么我们就只能先隐藏让后再显示。
工具/原料
chrome浏览器
sublimetext3
windows7
方法/步骤
1、新建一个HTML文档,然后我们设立一下HTML的基本架构。
2、创建图片和按钮标签。
3、创建CSS文档,并且关联HTML文档。
4、img{display:none;}用这个样式可以把图片隐藏掉。
5、创建JS文档,并且和HTML文件管理。
6、在按钮标签里面加入onclick="hiddenn()"。并且螅岔出礤在JS文档里面创建函数。functionhiddenn(){varimage=doc锇栀劐箨ument.getElementById("img");document.write("<imgsrc='test.png'>")}这个时候点击按钮就能显示图标。