javascript删除节点,js删除节点下的所有子节点

jquery、JavaScript删除单个节点

是想要按b的类删掉删除按钮所在的p吗？

创新互联专注为客户提供全方位的互联网综合服务，包含不限于成都网站制作、做网站、外贸营销网站建设、涿州网络推广、重庆小程序开发公司、涿州网络营销、涿州企业策划、涿州品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供涿州建站搭建服务，24小时服务热线：18982081108，官方网址：www.cdcxhl.com

有两种方法：第一种按照你取的p的类名，但是不要把直接用数字当作类名，js会报错，我加了个b,就是b1,b2这样

function insert(Obj) {

var a = typeof Obj == "string" ? document.getElementById(Obj) : Obj;

b ++

a.insertAdjacentHTML('beforeBegin', 'p class=b' + b + ' 

input style="width:90%" type=text 

button class="btn btn-xs" onclick="delete1('+ b +')"/span class="glyphicon glyphicon-remove"/span删除/button br/br//p');

}

function delete1(Obj){

document.querySelector('.b'+Obj).remove();

}

第二种根据按钮的父子元素关系：

function insert(Obj) {

var a = typeof Obj == "string" ? document.getElementById(Obj) : Obj;

b ++

a.insertAdjacentHTML('beforeBegin', 'p class=b' + b + ' 

input style="width:90%" type=text  

button class="btn btn-xs" onclick="delete1(this)"/span class="glyphicon glyphicon-remove"/span删除/button br/br//p');

}

function delete1(e){

e.parentNode.remove();

}

两个方法都在按钮那里传了个参数过去

javascript移除某个节点

var op=document.getElementById("sel").getElementsByTagName("option");

for(var i=0;iop.length;i++){

if(op[i].attributes["value"].value==2){

document.getElementById("sel").removeChild(op[i]);

}

}

JavaScript怎么删除DOM节点

亲。你第一个“nihao” 用的jquery绑定的。 你删除不能用原生的javascript删除。

可以$('#myBtn').unbind("click")

如果是原生的javascript，添加事件用 addEventListener ， attachEvent 和removeEventListener,detachEvent 添加和删除。

如何使用原生js来删除节点

删除属性使用 removeAttribute方法。

删除节点使用 parentNode.removeChild(node)

!DOCTYPE html

html

head

meta charset="utf-8" /

meta http-equiv="X-UA-Compatible" content="IE=edge"

titlePage Title/title

meta name="viewport" content="width=device-width, initial-scale=1"

script type="text/javascript"

onload=function(){

btn.onclick=function(){

var container = document.querySelector('#container');

var textInput = document.querySelector('#text');

var testBtn = document.querySelector('#test');

testBtn.removeAttribute('onclick');

container.removeChild(textInput);

}

}

/script

/head

body

div id="container"

input type="text" name="text" id="text" value="" /

input type="button" value="仅作测试" id="test" onclick ="javascript:alert('存在点击事件Attribute')" /

input type="button" value="删除按钮的onclick及id=text的文本框" id="btn" /

/div

/body

/html

javascript添加删除节点的问题

这是因为你添加的节点加错位置了：

oUl.lastElementChild.appendChild(li);

这意思就是说把新加的li放到最后一个子节点（也就是最后一个li）内，好嘛，本来想再生个儿子的，结果变成自己最小儿子的儿子，也就是孙子了！这样的话，你统计自己儿子的数量肯定不会有变化啊！

应该这样：

oUl.appendChild(li);

这才算是喜添贵子嘛！

这个时候 oUl.lastElementChild 就自动变为这个新添的儿子了。这个时候如果想杀死这个儿子（好残忍）才算是杀对了，否则的话原来的那个小儿子就会被误杀了，和它一起死的还有它刚出生的儿子（本来是它弟弟的）