jquery、JavaScript刪除單個節(jié)點

是想要按b的類刪掉刪除按鈕所在的p嗎？

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站制作、做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè)、涿州網(wǎng)絡(luò)推廣、重慶小程序開發(fā)公司、涿州網(wǎng)絡(luò)營銷、涿州企業(yè)策劃、涿州品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；創(chuàng)新互聯(lián)為所有大學(xué)生創(chuàng)業(yè)者提供涿州建站搭建服務(wù)，24小時服務(wù)熱線：18982081108，官方網(wǎng)址：chinadenli.net

有兩種方法：第一種按照你取的p的類名，但是不要把直接用數(shù)字當(dāng)作類名，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();

}

第二種根據(jù)按鈕的父子元素關(guān)系：

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();

}

兩個方法都在按鈕那里傳了個參數(shù)過去

javascript移除某個節(jié)點

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節(jié)點

親。你第一個“nihao” 用的jquery綁定的。 你刪除不能用原生的javascript刪除。

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

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

如何使用原生js來刪除節(jié)點

刪除屬性使用 removeAttribute方法。

刪除節(jié)點使用 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添加刪除節(jié)點的問題

這是因為你添加的節(jié)點加錯位置了：

oUl.lastElementChild.appendChild(li);

這意思就是說把新加的li放到最后一個子節(jié)點（也就是最后一個li）內(nèi)，好嘛，本來想再生個兒子的，結(jié)果變成自己最小兒子的兒子，也就是孫子了！這樣的話，你統(tǒng)計自己兒子的數(shù)量肯定不會有變化啊！

應(yīng)該這樣：

oUl.appendChild(li);

這才算是喜添貴子嘛！

這個時候 oUl.lastElementChild 就自動變?yōu)檫@個新添的兒子了。這個時候如果想殺死這個兒子（好殘忍）才算是殺對了，否則的話原來的那個小兒子就會被誤殺了，和它一起死的還有它剛出生的兒子（本來是它弟弟的）

標(biāo)題名稱：javascript刪除節(jié)點,js刪除節(jié)點下的所有子節(jié)點
路徑分享：http://chinadenli.net/article17/dsgshdj.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、定制開發(fā)、手機網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、網(wǎng)頁設(shè)計公司、網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)