十四 核心DOM(了解)

2021-10-07 10:24:17 字數 1470 閱讀 6831

根節點:在html文件中,乙個html文件只有乙個樹根就是html節點

兄弟節點:多個子節點屬於同乙個父節點

空白節點:空格、回車、換行在(主瀏覽器有相容性問題

ie低版本瀏覽器:ie6、7、8

主流瀏覽器:ie9+、chrome、firefox等等

取子節點

節點.firstchild 獲取第乙個子節點

節點.lastchild 獲取最後乙個子節點

節點.children 獲取所有子節點(不計算空白節點)

節點.childnodes 獲取所有子節點(計算空白節點)

獲取兄弟節點

獲取父節點

節點.parentnode 獲取父節點

獲取文字節點的值

節點.nodename 獲取節點名稱(獲取當前是p節點,還是b節點等等)

節點.nodevalue 獲取節點值(限文字節點)

節點屬性-

nodetype

nodename

nodevalue

元素節點

1大寫標籤名

null

屬性節點

2屬性名

屬性值文字節點

3#text

文字內容

用核心dom操作節點的語法列印出sugar

<

!doctype html>

"en"

>

"utf-8"

>

document<

/title>

<

/head>

noodl111e<

/li>

fish<

/li>

sugar<

/li>

<

/ul>

<

/body>

// document

// 1. 獲取html

var htmlobj = document.lastchild

// 2. 獲取body

var bodyobj = htmlobj.lastchild

// 3. 獲取ul

var ulobj = bodyobj.firstchild

// 4. 最後乙個li

var liobj = ulobj.lastchild

// 5. 獲取文字節點 也就是內容 然後呼叫屬性才行列印出來

var textobj = liobj.firstchild

alert

(textobj.nodevalue)

<

/script>

<

/body>

<

/html>

DOM的核心總結

文件物件模型 document object model,簡稱dom 是w3c組織推薦的處理可擴充套件標記語言 html或者xml 的標準程式設計介面。w3c已經定義了一系列的dom介面,通過這些dom介面可以改變網頁的內容 結構和樣式。關於dom操作,我們主要針對於元素的操作。主要有建立 增 刪 ...

虛擬dom的簡單了解

頻繁且複雜的dom操作通常是前端效能瓶頸的產生點,vue提供了虛擬dom的解決辦法 虛擬的dom的核心思想是 對複雜的文件dom結構,提供一種方便的工具,進行最小化地dom操作。這句話,也許過於抽象,卻基本概況了虛擬dom的設計思想 1 提供一種方便的工具,使得開發效率得到保證 2 保證最小化的do...

Linux核心 了解Linux核心搶占

目錄 無強制搶占 可搶占核心 自願核心搶占 完全實時搶占 在配置linux核心時,我們可以設定一些影響系統行為的引數。您可以使用不同的優先順序,排程類和搶占模型。了解並選擇正確的引數非常重要。在這篇文章中,我將介紹不同的搶占模型,以及每種模型如何影響使用者和核心行為 如果配置核心 使用make me...