用js在div最后一个a标签后再添加一个a标签

 时间:2024-10-14 08:43:53

1、新建一个html文件,命名为test.html,用于讲解用js在div最后一个a标签后再添加一个a标签。

用js在div最后一个a标签后再添加一个a标签

2、在test.html文件内,使用div创建一个模块,在div内,使用a标签创建两个链接,并设置div标签的id为myid。

用js在div最后一个a标签后再添加一个a标签

3、在test.html文件内,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行addAtag()函数。

用js在div最后一个a标签后再添加一个a标签

4、在js标签中,创建addAtag()函数,在函数内,使用createElement()创建一个a标签对象,再设置其href属性值和innerText属性值。

用js在div最后一个a标签后再添加一个a标签

5、在addAtag()函数内,通过id获得div对象,使用appendChild()方法向div最后一个a标签后添加一个a标签。

用js在div最后一个a标签后再添加一个a标签

6、在浏览器打开test.html文件,点击按钮,查看结果。

用js在div最后一个a标签后再添加一个a标签
用js在div最后一个a标签后再添加一个a标签
  • Dreamweaver CS6如何应用:[14]插入控件
  • DW教程:html中怎么用CSS制作一个圆角按钮?
  • div 怎么设置背景图片
  • 如何在IntelliJ IDEA中导入mysql的驱动jar包
  • 怎么让div居中
  • 热门搜索
    环保英语手抄报 3.8妇女节手抄报 教师节手抄报图片大全 2035年的家乡手抄报 教师节的手抄报 儿童端午节手抄报简单 少数民族手抄报 同讲普通话携手进小康手抄报 关于长征的手抄报 田园风光手抄报