這篇文章將為大家詳細講解有關JavaScript中dom如何添加、刪除節點,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
成都創新互聯公司專注為客戶提供全方位的互聯網綜合服務,包含不限于成都網站制作、成都做網站、外貿營銷網站建設、五寨網絡推廣、成都小程序開發、五寨網絡營銷、五寨企業策劃、五寨品牌公關、搜索引擎seo、人物專訪、企業宣傳片、企業代運營等,從售前售中售后,我們都將竭誠為您服務,您的肯定,是我們最大的嘉獎;成都創新互聯公司為所有大學生創業者提供五寨建站搭建服務,24小時服務熱線:028-86922220,官方網址:vcdvsql.cn
javascript是一種動態類型、弱類型的語言,基于對象和事件驅動并具有相對安全性并廣泛用于客戶端網頁開發的腳本語言,同時也是一種廣泛用于客戶端Web開發的腳本語言。它主要用來給HTML網頁添加動態功能,現在JavaScript也可被用于網絡服務器,如Node.js。
JavaScript中dom有節點構成,節點的操作推動著dom功能的發揮。想要對dom添加或刪除節點,首先要先創建節點,使用appendChild()方法添加節點,使用removeChid()方法刪除節點。
1、創建節點
createDocumentFragment() // 創建一個DOM片段 createElement() // 創建一個具體的元素 createTextNode() // 創建一個文本節點
2、添加節點:appendChild()方法
該方法添加的元素位于父元素的末尾。
var ele = document.getElementById("my_div"); var oldEle = document.createElement("p"); var newEle=document.createElement("div"); ele.appendChild(oldEle);
3、刪除節點:removeChid()方法
用父節點刪除子節點。必須要指定是刪除哪個子節點。
const ulNode = document.querySelectorAll('.list')[0], liNodes = document.querySelectorAll('.item'); ulNode.removeChild(liNodes[1]);
關于“JavaScript中dom如何添加、刪除節點”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
文章標題:JavaScript中dom如何添加、刪除節點
標題鏈接:http://vcdvsql.cn/article28/pehscp.html
成都網站建設公司_創新互聯,為您提供域名注冊、網站設計公司、定制開發、虛擬主機、手機網站建設、企業網站制作
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯