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

新建一个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【js如何将链接添加到指定标签】在浏览器打开test.html文件 , 点击按钮 , 标的目的div添加链接并显示出来 。

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

文章插图

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

文章插图

以上内容就是js如何将链接添加到指定标签的内容啦 , 希望对你有所帮助哦!

    推荐阅读