网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

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如何实现标签的添加和删除

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如何实现标签的添加和删除

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

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

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

JS如何实现标签的添加和删除
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com