js入门——Dom基础

来源：互联网发布：淘宝运营计划书模板编辑：程序博客网时间：2024/05/16 19:23

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>

什么是节点？

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