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>