Dom 概述

hoohack 發(fā)布于2019-08-26 10:22 / 2648人閱讀

摘要：是操作頁面的接口，作用把網(wǎng)頁轉(zhuǎn)為對象，從而用腳本進行各種操作。只是一個接口規(guī)范，可以用各種語言實現(xiàn)。

DOM
是js操作頁面的接口，作用把網(wǎng)頁轉(zhuǎn)為js對象，從而用腳本進行各種操作。

DOM 只是一個接口規(guī)范，可以用各種語言實現(xiàn)。

JavaScript 也是最常用于 DOM 操作的語言

節(jié)點

Document：整個文檔樹的頂層節(jié)點代表整個文檔
DocumentType：doctype標簽（比如）在文檔第一層
Element：網(wǎng)頁的各種HTML標簽（比如、等）第一層作為樹結(jié)構(gòu)的根節(jié)點
Attribute：網(wǎng)頁元素的屬性（比如class="right"）
Text：標簽之間或標簽包含的文本
Comment：注釋
DocumentFragment：文檔的片段

瀏覽器提供一個原生的節(jié)點對象Node，上面這七種節(jié)點都繼承了Node，因此具有一些共同的屬性和方法

節(jié)點樹

父節(jié)點關(guān)系（parentNode）：直接的那個上級節(jié)點
子節(jié)點關(guān)系（childNodes）：直接的下級節(jié)點
同級節(jié)點關(guān)系（sibling）：擁有同一個父節(jié)點的節(jié)點

子節(jié)點接口包括firstChild（第一個子節(jié)點）和lastChild（最后一個子節(jié)點）等屬性，同級節(jié)點接口包括nextSibling（緊鄰在后的那個同級節(jié)點）和previousSibling（緊鄰在前的那個同級節(jié)點）屬性

GPU云服務(wù)器云服務(wù)器分詞概述概述流程概述短信概述

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/106065.html

相關(guān)文章

DOM概述選取文檔元素

摘要：腳本化文檔客戶端的存在使得靜態(tài)的文檔變成了可交付式的應(yīng)用概述文檔對象是表示和操作和文檔內(nèi)容的基礎(chǔ)。舉一個栗子即可以獲取的值為的元素。通過標簽名選取元素對象的方法可用來選取指定類型。腳本化文檔客戶端js的存在使得靜態(tài)的html文檔變成了可交付式的web應(yīng)用 DOM概述文檔對象（DOM）是表示和操作html和xml文檔內(nèi)容的基礎(chǔ)api。這是標題這...

spademan 2019-08-23 10:42 評論0 收藏0
javascript----事件概述

摘要：作為事件處理程序的函數(shù)一個布爾值。最后這個布爾值為表示在捕獲階段調(diào)用事件處理程序，表示在冒泡階段調(diào)用事件處理程序。阻止特定事件的默認行為。事件處理程序 DOM0級事件處理程序通過Javascript指定事件處理程序的傳統(tǒng)方式，就是將一個函數(shù)賦值給一個事件處理程序?qū)傩?。每個元素都有自己的事件處理程序?qū)傩裕@些屬性通常全部小寫，例如onclick。將這種屬性的值設(shè)置為一個函數(shù)，就可以指...

wenzi 2019-08-19 17:34 評論0 收藏0
輕量級的DOM操作庫 -- zBase 庫使用介紹

摘要：是我個人寫的一個輕量級的操作庫，里面封裝了一些對元素節(jié)點的簡單操作，如節(jié)點的查詢獲取，的添加移除，樣式的添加移除，節(jié)點的添加和移除，事件的封裝，動畫的封裝等等如果你只是想簡單的操作，但又不想寫繁瑣的原生代碼，也不希望加載像這么功能齊全的庫， showImg(https://segmentfault.com/img/bVCJBQ); zBase是我個人寫的一個輕量級的 DOM 操作庫，里...

renweihub 2019-08-20 10:46 評論0 收藏0
react源碼閱讀環(huán)境配置

摘要：會有一探源碼的想法。理想的情況是直接引用源文件，也就是上倉庫中，目錄下的代碼，直接閱讀的代碼。所以需要配置打包成。坑概述至此，環(huán)境已經(jīng)配的差不多了。不過這個環(huán)境配置過程中并非一帆風順。前言閱讀源碼時，有許多變量在程序運行過程中不斷的產(chǎn)生，其中存放著什么東西，一直是一個比較頭疼的問題。不停的推導(dǎo)增加了驗算的負擔，隨著代碼逐漸的深入，也會產(chǎn)生一定的記憶負擔。如果靠腦袋去記，簡單點的代碼...

Songlcy 2019-08-23 10:46 評論0 收藏0
React通用Web應(yīng)用框架-概述

摘要：為什么做這個這段時間想學(xué)習一個前端框架，原因是這樣的，我本身是做游戲的，但是自己對前端比較感興趣。然后我就選擇自己學(xué)哪個框架，最后選擇了，選擇的理由就不說了。一些字段的顯示一般是文本，字段的編輯根據(jù)不同的類型使用不同的控件。 1.為什么做這個這段時間想學(xué)習一個前端框架，原因是這樣的，我本身是做游戲的，但是自己對前端web比較感興趣。然后我就選擇自己學(xué)哪個框架，Angular、react...

Aklman 2019-08-23 11:57 評論0 收藏0