手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

用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标签
© 手抄报圈