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

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

第二种方法，是在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);

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