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

JS如何实现标签的添加和删除

时间:2024-10-12 21:37:07

1、第一种,在dom元素下添加子节点中,添加标签需要使用到两个方法,第一个是createElement,这个主要是创建dom对象,第二个是appendChild方法,将dom对象添加到另外一个dom对象下,即添加子节点。具体语法如下://创建一个p元素var para = document.createElement("p");//获取divvar div=document.getEletementById("result");//添加标签div.appendChild(para);

JS如何实现标签的添加和删除
JS如何实现标签的添加和删除

2、第二种方法,是在dom元素之前添加标签,主要使用到insertBefore方法,具体语法如下://创建一个p元素var para = document.createElement("p");para.innerText="我是新标签";//获取divvar div=document.getElementById("result");var p1=document.getElementById("p1");//在div元素下的p1之前添加标签div.insertBefore(para,p1);

JS如何实现标签的添加和删除
JS如何实现标签的添加和删除

3、对于删除标签,也存在两种方法,第一种是删除某个dom下面的子节点,主要使用到js的removeChild方法。具体用法如下://获取divvar div=document.getElementById("result");//获取p1元素var p1=document.getElementById("p1");//删除div下的p1元素div.removeChild(p1);

JS如何实现标签的添加和删除
JS如何实现标签的添加和删除

4、第二种删除标签的方法,在dom4的规范中才有,直接使用remove方法,删除本节点。具体语法如下://获取p1元素var p1=document.getElementById("p1");//移除p1元素p1.remove();

JS如何实现标签的添加和删除
JS如何实现标签的添加和删除
© 手抄报圈