1. 程式人生 > >HTML DOM學習筆記(附思維導圖)

HTML DOM學習筆記(附思維導圖)

1.什麼是 DOM?

  • DOM 是 W3C(全球資訊網聯盟)的標準。
  • DOM 定義了訪問 HTML 和 XML 文件的標準:
  • “W3C 文件物件模型 (DOM) 是中立於平臺和語言的介面,它允許程式和指令碼動態地訪問和更新文件的內容、結構和樣式。”

W3C DOM 標準被分為 3 個不同的部分:

  • 核心 DOM - 針對任何結構化文件的標準模型

  • XML DOM - 針對 XML 文件的標準模型

  • HTML DOM - 針對 HTML 文件的標準模型

注:DOM 是 Document Object Model(文件物件模型)的縮寫。

2.什麼是 HTML DOM?

HTML DOM 是:

  • HTML 的標準物件模型
  • HTML 的標準程式設計介面
  • W3C 標準

  HTML DOM 定義了所有 HTML 元素的物件和屬性,以及訪問它們的方法。 換言之,HTML DOM 是關於如何獲取、修改、新增或刪除HTML 元素的標準。

HTML DOM 樹

3.HTML DOM有什麼作用?

  通過 HTML DOM,樹中的所有節點均可通過 JavaScript 進行訪問。所有 HTML 元素(節點)均可被修改,也可以建立或刪除節點。
  換句話說,通過可程式設計的文件物件模型,JavaScript獲得足夠的能力去建立動態的HTML。比如:JavaScript可以改變頁面的所有html元素和屬性、所有css樣式、事件做出反應。
DOM 節點


根據 W3C 的 HTML DOM 標準,HTML 文件中的所有內容都是節點:

  • 整個文件是一個文件節點
  • 每個 HTML 元素是元素節點
  • HTML 元素內的文字是文字節點
  • 每個 HTML 屬性是屬性節點
  • 註釋是註釋節點
    這裡寫圖片描述

這裡寫圖片描述

相關推薦

HTML DOM學習筆記思維

1.什麼是 DOM? DOM 是 W3C(全球資訊網聯盟)的標準。 DOM 定義了訪問 HTML 和 XML 文件的標準: “W3C 文件物件模型 (DOM) 是中立於平臺和語言的介面,它允許程式和指令碼動態地訪問和更新文件的內容、結構和樣式。” W3C

WEB前端開發初學者必看的學習路線思維

很多同學想學習WEB前端開發,雖然網際網路有很多的教程、網站、書籍,可是卻又不知從何開始如何選取。看完網友高等遊民白烏鴉無私分享的原標題為《寫給同事的前端學習路線》這篇文章,相信你會有所收穫。 前端開發入門學習有:HTML、CSS、JavaScript(簡稱JS

分布式學習最佳實踐:從分布式系統的特征開始思維

擴展 問題 sca ref 調度 這也 集中 技術 park     我的探索歷程   這一部分,與分布式不大相關,記錄的是我是如何在分布式學習這條道路上摸索的,不感興趣的讀者請直接跳到下一章。   過去的一年,我在分布式學習這條道路上苦苦徘徊,始終沒有找到一個好的學

分散式學習最佳實踐:從分散式系統的特徵開始思維

什麼是分散式系統 回到頂部   分散式系統是由一組通過網路進行通訊、為了完成共同的任務而協調工作的計算機節點組成的系統。分散式系統的出現是為了用廉價的、普通的機器完成單個計算機無法完成的計算、儲存任務。其目的是利用更多的機器,處理更多的資料。   首先需要明確的是,只

【乾貨】機器學習常用 35 大演算法盤點思維

本文將帶你遍歷機器學習領域最受歡迎的演算法。系統地瞭解這些演算法有助於進一步掌握機器學習。當然,本文收錄的演算法並不完全,分類的方式也不唯一。不過,看完這篇文章後,下次再有演算法提起,你想不起它長處和用處的可能性就很低了。本文還附有兩張演算法思維導圖供學習使用。 在本文中,

優秀軟件測試工程師必備的8個能力!-思維

修改 ron 發展 數據庫架構 很多 針對 個人 run alt 結合自己以往的工作經驗,自己梳理出來一些材料,絕對原創,絕對幹貨。 優秀的軟件測試工程師必備的“8個能力” 作為一名軟件工程師,需要的能力並不多,但是要成為一名優秀的軟件測試工程師,需要的能力就比較多了,自己

C++中類的三種繼承方式public公有繼承、protected保護繼承、private私有繼承之間的差別思維【轉】

(轉自:https://blog.csdn.net/coco56/article/details/80467975) 注:若不指明繼承方式,則預設是私有繼承。 一:對於公有繼承(public)方式: 基類的public和protected成員的訪問屬性在派生類中保持不變,但基類的p

從小白到中高階軟體測試工程師成長路線圖!-思維

本文針對測試小白或者已經簡單入職的朋友,從兩個方向著手,一個是一些思想上的準備和資料的準備,二是零基礎到中級階段的一個成長路線,(思維導圖我放在文末)本文共計 1741 字,預計閱讀時間 4分鐘,處於新的一年多的開頭,相當一部分想轉行或者想自學軟體測試的朋友都是抱著年後找一個

精心整理「伺服器Linux C/C++」 成長路程思維

前言 我不是名校畢業,更沒有大廠的背景,我只是一個畢業不到 2 年的普普通通的程式設計師,在摸爬滾打的工作這段時間裡,深知了有一個「完整的知識體系」是非常重要的。當事人非常後悔沒有在大學期間知道這個道理…… 眾多大廠招人的需求也是非常注重此方面,畢竟我們不能單單只是一個只會寫程式碼的程式設計師,更應該成為

TensorFlow實現遷移學習思維與程式碼

看了李巨集毅的機器學習視訊和莫凡的TensorFlow視訊,對遷移學習的理解其實就是為了偷懶, 在訓練好了的模型上接著訓練其他內容, 充分使用原模型的理解力”. 有時候也是為了避免再次花費特別長的時間重複訓練大型模型. 本文根據《TenorFlow實戰Google深度學習框架》的程式碼進行深

[Java併發程式設計實戰] Executor框架思維

亦餘心之所善兮,雖九死其猶未悔。———屈原《離騷》 這句話的意思是“這些都是我內心之所珍愛,就是讓我九死(或多死)還是不後悔。”這兩句表現了詩人對美好理想執著追求的精神。 PS: 如果覺得本文有用的話,請幫忙點贊,留言評論支援一下哦,您的支援是我

《鳥哥的linux私房菜》學習筆記2-檔案與目錄管理與查閱思維

1、常見處理目錄的命令:cd,pwd,mkdir,rmdir 2、檔案與目錄的管理:ls(https://blog.csdn.net/weixin_42610712/article/details/83032052),cp,rm,mv,touch 3、檔案內容查閱——cat 4、檔案內容

蒂姆布朗《設計思維》- 學習筆記思維

一、關於IDEO與設計思維       IDEO是一家世界頂級創意公司,而作者蒂姆布朗是IDEO的CEO。當然,在未閱讀本書之前,我都是不知道的,也不會主動去了解IDEO和蒂姆布朗的。那麼,我為什麼要去讀這樣一本看起來跟我的專業(軟體開發)不相關的書呢?因為我最近換了一家新公司,在新公司裡,數字

Html基礎學習筆記1

一個HTML檔案是有自己固定的結構 <html> <head>...</head> <body>...</body> </html> 講解 1 <html><html/

DOM學習筆記

DOM(上) DOM(document Object Model文件物件模型)用來將標記型文件封裝成物件,並將標記型文件中的所有內容(標籤,文字,屬性等)都封裝成物件。 文件物件模型 文件:標記型文件 物件:封裝了屬性和行為的例項,可以被直接呼叫。 模型:所有標記型文件都具備一些共性特徵

整合學習-模型融合學習筆記Python程式碼

  1 整合學習概述 整合學習(Ensemble Learning)是一種能在各種的機器學習任務上提高準確率的強有力技術,其通過組合多個基分類器(base classifier)來完成學習任務。基分類器一般採用的是弱可學習(weakly learnable)分類器,通過整合學習

HTML教程學習筆記第一篇

學習資料:www.w3cschool.cc   學習日期:2014-11-03 1.DOCTYPE宣告文件型別: HTML5:<!DOCTYPE html> HTML4.01:<!DOCTYPE HTML PUBLIC "-//W3C//DTD H

技術分享:Java效能優化實踐效能優化專題思維

Java 應用效能優化是一個老生常談的話題,筆者根據個人經驗,將 Java 效能優化分為 4 個層級:應用層、資料庫層、框架層、JVM 層。通過介紹 Java 效能診斷工具和思路,給出搜狗商業平臺的效能優化案例以供參考。 Java 應用效能優化是一個老生常談的話題,典型的效能問題如頁面響應慢、介

產品學習筆記資料思維

資料基礎 定量與定性 可以先假設再分析,不要先結論再分析 定類尺度 姓別,地區,職業 本身是沒有大小之分的 定序尺度 成績優良中差 參與的意願,按照程度非常想到不想 是可以比較

分享 2 個做筆記必備的思維工具週末推薦

最近整理筆記,發現我的筆記基本都寫在了思維導圖中,現在再想想發現這個工具還真的幫我節省了很多的時間,更重要的是查詢筆記還很方便,好東西不能藏著掖著,這就分享給大家。 MindManger 這款思維導圖軟體是我最喜歡用的了,支援 Windows 和