js如何删除dom元素
的有关信息介绍如下:在js中,通过获得dom元素对象,使用remove()方法便可以删除dom元素。下面小编举例讲解js如何删除dom元素。
新建一个html文件,命名为test.html,用于讲解js如何删除dom元素。
在test.html文件内,创建一个dom元素,例如 ,这里使用p标签创建一行文字。
在test.html文件内,设置p标签的id为mytt,用于下面获得dom元素。
在test.html文件中,使用button标签创建一个按钮,给button绑定onclick点击事件,当按钮被点击时,执行deldom()函数。
在js标签内,创建deldom()函数,在函数内,通过id获得dom元素对象,即p元素对象,使用remove()方法实现删除该dom元素。
在浏览器打开test.html文件,点击按钮,查看结果。
1、创建一个dom元素,例如 ,这里使用p标签创建一行文字。
2、设置p标签的id为mytt,用于下面获得dom元素。
3、在js中,通过id获得dom元素对象,即p元素对象,使用remove()方法实现删除该dom元素。