用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月份去哪里旅游好