根節點:在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...