這篇文章將為大家詳細(xì)講解有關(guān)JavaScript中dom如何添加、刪除節(jié)點(diǎn)，小編覺得挺實(shí)用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(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è)代運(yùn)營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們最大的嘉獎；成都創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供五寨建站搭建服務(wù)，24小時服務(wù)熱線：028-86922220，官方網(wǎng)址：www.yijiale78.com

javascript是一種什么語言

javascript是一種動態(tài)類型、弱類型的語言，基于對象和事件驅(qū)動并具有相對安全性并廣泛用于客戶端網(wǎng)頁開發(fā)的腳本語言，同時也是一種廣泛用于客戶端Web開發(fā)的腳本語言。它主要用來給HTML網(wǎng)頁添加動態(tài)功能，現(xiàn)在JavaScript也可被用于網(wǎng)絡(luò)服務(wù)器，如Node.js。

JavaScript中dom有節(jié)點(diǎn)構(gòu)成，節(jié)點(diǎn)的操作推動著dom功能的發(fā)揮。想要對dom添加或刪除節(jié)點(diǎn)，首先要先創(chuàng)建節(jié)點(diǎn)，使用appendChild()方法添加節(jié)點(diǎn)，使用removeChid()方法刪除節(jié)點(diǎn)。

1、創(chuàng)建節(jié)點(diǎn)

createDocumentFragment() // 創(chuàng)建一個DOM片段
createElement() // 創(chuàng)建一個具體的元素
createTextNode() // 創(chuàng)建一個文本節(jié)點(diǎn)

2、添加節(jié)點(diǎn)：appendChild()方法

該方法添加的元素位于父元素的末尾。

var ele = document.getElementById("my_div");
var oldEle = document.createElement("p");
var newEle=document.createElement("div");
ele.appendChild(oldEle);

3、刪除節(jié)點(diǎn)：removeChid()方法

用父節(jié)點(diǎn)刪除子節(jié)點(diǎn)。必須要指定是刪除哪個子節(jié)點(diǎn)。

const ulNode = document.querySelectorAll('.list')[0],
	  liNodes = document.querySelectorAll('.item');
ulNode.removeChild(liNodes[1]);

關(guān)于“JavaScript中dom如何添加、刪除節(jié)點(diǎn)”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

文章標(biāo)題：JavaScript中dom如何添加、刪除節(jié)點(diǎn)
標(biāo)題鏈接：http://www.yijiale78.com/article28/pehscp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、網(wǎng)站設(shè)計公司、定制開發(fā)、虛擬主機(jī)、手機(jī)網(wǎng)站建設(shè)、企業(yè)網(wǎng)站制作

廣告

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