js怎么显示图标

时间:2026-02-15 10:16:57

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怎么显示图标

© 2026 一点知道
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com