用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居中
  • 热门搜索
    卢森堡旅游 广东旅游地图 阳江海陵岛旅游攻略 安吉旅游攻略 葡萄牙旅游 雁荡山旅游风景区 白银旅游 香港旅游签证 贵州 旅游 新疆南疆旅游