1.1 DOM节点树
1.2节点关系
<html>
<head>
<title>DOM 教程</title>
</head>
<body>
<h1>DOM 第一课</h1>
<p>Hello world!</p>
</body>
</html>
从上面的 HTML 中：
<html> 节点没有父节点；它是根节点
<head> 和 <body> 的父节点是<html> 节点
文本节点 "Hello world!" 的父节点是 <p> 节点
并且：
<html> 节点拥有两个子节点：<head> 和 <body> <head> 节点拥有一个子节点：<title> 节点 <title> 节点也拥有一个子节点：文本节点 "DOM 教程" <h1> 和 <p> 节点是同胞节点，同时也是<body> 的子节点
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="http://1688.com/cart/merge.css">
<style>
#doc{
}
</style>
</head>
<body>
<h1>这是大标题</h1>
<p>这是段落</p>
<a href="http://www.1688.com" title="1688">这是链接</a>
<script src="http://1688.com/cart/merge.js"></script>
</body>
</html>
//<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
HTML5 中的新标签。
http://www.w3school.com.cn/tags/index.asp