DOM操作简介与DOM树分许

什么叫DOM?

• DOM是W3c推荐的标准,用于访问HTML或者是XML这样的文档的标准,DOM全称"Document Object Mode"(文件对象模型),DOM是一个是程序或脚本可以对HTML或者XML文档内容进行增加,删除,修改,访问的接口.
• DOM将HTML或XML这种文件结构中的所有内容,定义为一个一个的节点.

文件节点	一整个HTML或者XML文件
注释节点	一段注释的内容
元素节点	文档中的一个父元素或者是一个子元素,都被当做一个节点
属性节点	元素中定义的每一个属性,都是一个属性节点
文本节点	元素中的内容就是一个文本节点,元素中的内容,并不保存早元素节点中,而是单独存在一个文本节点中

什么是DOM树?

• XML文档中的每一个内容都是一个节点,而XML文档中的内容都是以树状的形式排列的.节点和节点之间相对于位置不同,产生不同而关系.

根节点	文档之中最顶端的节点,整个文档中只有一个根节点
父节点	相对于位置来说,如果一个节点之中含有其他节点,那么就可以称这个节点为他们的父节点
同级节点	被同一个父节点所包含的多个节点,他们就是对方的同级节点
子节点	相对于位置来看,如果A节点,被B节点所包含,那么B节点就是A节点的子节点

• 例如以下的xml内容

<?xml version="1.0" encoding="utf-8"?>
<shop>
	<book>
		<name>新的世界,新的你</name>
		<year>3</year>
		<price >56.6</price>
	</book>
	<phone>
		<mini>
			<model id="x101">小米1</model>
			<price>1999</price>
		</mini>
		<huawei>
			<type id="h003">华为荣耀1</type>
			<price>1999</price>
		</huawei>
	</phone>
</shop>

• 这些节点的关系,

• 由于XML这些节点都具有特定的结构顺序,因此即使在不知道内容的情况下也能够遍历DOM树