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>