JavaScript学习笔记（2）：html的骨架：节点

JavaScirpt学习笔记（2）

html的骨架：节点

前言

上一篇博文我将JS的基础语法进行了分类，接下来有两件事要做，第一件是继续补充我漏掉的类别，第二件是继续细分已有的类别。我想先从给DOM操作分类开始，不过在那之前，我想先介绍节点的概念，因为那是理解DOM操作所必不可少的。

节点是什么？

html中的所有内容都是节点，包括一个p标签，一段文字，都是一个节点，可以说html是由节点组成的。

节点分为哪几类？

节点可以明确的分为三类：

1. 标签节点
     众所周知，html的语法就是用标签的层叠嵌套来组成网页的结构，这里的标签节点就是html中的所有标签。
     有些人可能会有疑问，那岂不是只用标签节点这一种节点就能组成整个网页，为什么还会有三类节点?
     确实是如此，但有三类节点的原因就在与标签节点的后代除了有标签节点之外，还有其他可能，比如你在p标签中输入一段文字，就不能说这是标签节点。而这，就是下面要介绍的。
2. 文本节点
     所有放在标签中的文字都是一个文本节点。
3. 属性节点
     标签的内部是可以用来放属性来修饰该标签的，这就是属性节点，css的创建有三种方式，其中内联样式的style属性就是属性节点的一种。

网页的组成

  原来在学习html时我们已经知道网页是由标签组成的，但是在DOM操作中我们需要用更加细致的目光来观察html，也就是明白html是由节点组成的，节点就是html的一切。

DOM操作和html节点

  html中的所有节点组成了这个网页的DOM树，而在JS中可以随心所欲的操纵这棵DOM树，理所当然，JS可以操纵这个网页的一切，无一例外。平心而论，这就是JS最让我着迷的地方，只要掌握了基础的语法，就可以创造出任何你想到的网页，唯一的限制只有你的技术和想象力，正是一门值得让人钻研的技术。

后记

  这一篇我介绍了DOM操作的前置知识，节点。下一篇我准备先对DOM操作进行粗浅的分类，毕竟是JS的核心知识，内容非常丰富，想要一次性说完是不可能的。