js入门——Dom基础

浏览数：27 / 时间：2015年06月09日

DOM=DocumentObject Model，文档对象模型。

Dom有三个不同的部分。

1、核心DOM 也是最基础的文档结构的标准模型

2、XMLDOM 针对XML文档的标准模型

3、HTML DOM 针对HTML文档的标准模型

对于一个新生程序员来说。HTML是什么，其实并不重要。但是都知道。html文件，可以用浏览器打开。

HTML和XML，基本相同。只不过是，HTML中节点标记，是预先定义好的。而XML中的节点，由文档的作者定义。所以XML是可扩展的。

HTML：超文本标记语言。主要功能是能被浏览器解析显示出来。HTML可以看作是一种特殊的标记语言。

XML：可扩展标记语言。

而DOM作为以上的标准。当然会对其上面进行规划：

根据DOM，文档每个成分都是一个节点。对于上面的文档。其实就是一颗树。

通过一个例子来了解一下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
		<title>DOM</title>
		<script  src="base.js"></script>
		<script  src="index.js"></script>
		<link rel="stylesheet" type="text/css" href="index.css" />
	</head>
	<body>
		<h1>标题H1</h1>
		<p>p标签</p>
		<ul>
			<li>栏目一</li>
			<li>栏目二</li>
			<li>栏目三</li>
		</ul>
		<div id='box' name='boxs'>测试div</div>
	</body>
</html>

什么是节点？

文档中的所有标记，都称之为节点。