手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

js如何将链接添加到指定标签

时间:2024-10-11 19:40:06

1、新建一个html文件,命名为test.html,用于讲解js如何将链接添加到指定标签。

js如何将链接添加到指定标签

2、在test.html文件内,创建一个div模块,并且设置其id属性为mydiv,用于下面使用js获取该对象。

js如何将链接添加到指定标签

3、在test.html文件内,在div的下面创建一个按钮,按钮名称为“添加”。

js如何将链接添加到指定标签

4、给button绑定onclick点击事件,当按钮被点击时,执行myfun()函数。

js如何将链接添加到指定标签

5、在test.html文件内,在js标签内,创建myfun()函数,并把要添加的链接保存在html变量中。

js如何将链接添加到指定标签

6、在myfun()函数内,使用getElementById()方法通过id获得div对象,通过给div的innerHTML属性赋值的方法,把链接添加至指定的div内。

js如何将链接添加到指定标签

7、在浏览器打开test.html文件,点击按钮,向div添加链接并显示出来。

js如何将链接添加到指定标签
js如何将链接添加到指定标签
© 手抄报圈