JavaScript筆記八:DOM

DOM(文檔對象模型):針對HTML和XML文檔的一個API(應用程序編程接口)。描繪了一個層次化的節點樹,允許開發人員添加、移除、修改頁面的某一部分。成爲表現和操作頁面標記的真正的跨平臺、語言中立的方式。

1、節點層次

   DOM可以將任何的HTML或XML文檔描繪成一個多層節點構成的結構。

   Node類型:用於抽象地表示文檔中一個獨立的部分,所有其他的類型都繼承自Node;

Document類型:表示整個文檔,是一組分層節點的根節點;

   Element類型:表示文檔中的所有HTML或XML元素,可以用來操作這些元素的內容和特性;

   Text類型、Comment類型、CDATASection類型、DocumentFragment類型、Attr類型:分別表示文本內容、註釋、文檔類型、CDATA區域和文檔片段。

2、DOM操作技術

   創建動態腳本:插入外部文件盒直接插入JavaScript代碼

   <script type=”text/javascript” src=”xx.js”></script>

或 <script type=”text/javascript”>

   </script>

   同樣創建動態樣式也是如此

   <link rel=”stylesheet” type=”text/css”href=”xx.css”>

或 <style type=”text/css”>

   </style>

   

發佈了164 篇原創文章 · 獲贊 18 · 訪問量 21萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章