js怎么显示图标

时间:2024-10-12 04:29:43

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文档里面创建函数。function hiddenn(){ var image = document.getElementById("img"); document.write("<img src='test.png'>")}这个时候点击按钮就能显示图标。

js怎么显示图标
js怎么显示图标
js怎么显示图标
js怎么显示图标
© 手抄报圈