用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居中
  • 热门搜索
    清明节手抄报简单 新学期新计划手抄报 一二年级感恩手抄报 保护牙齿手抄报 十一手抄报 新年手抄报简单又好看 儿童端午节手抄报简单 手抄报清明节 疫情手抄报内容怎么写 庆元旦手抄报