JavaScript介绍（6）——节点操作（1）

经过BOM的学习，我们对事件的处理愈发清晰和熟练，接下来将简单介绍一下节点操作如何发挥作用。

1.节点概述

网页中所有的内容都是节点（标签、属性、文本、注释等），在BOM中，节点使用node来表示。

HTML DOM树中的所有节点均可通过JavaScript进行访问，所有HTML元素节点均可被修改，也可以创建或删除。一般地，节点至少拥有nodeType（节点类型）、nodeName（节点名称）和nodeValue（节点值）这三个基本属性。

• 元素节点  nodeType 为1
• 属性节点  nodeType 为 2
• 文本节点  nodeType 为 3

在我们实际开发中，节点操作主要是操作元素节点

通常我们获取元素常用的两种方式是：

1.利用DOM提供的方法。例如：document.getElementByid()、doucument.getElementsByTagName()、document.querySelector()等。但逻辑性不强，繁琐

2.利用节点层级关系获取元素。操作简单，逻辑性强，但兼容差点。

2.节点层级

1.父节点：

node.parentNode

2.子节点：

1.parentNode.childNodes(标准)

 parentNode.childNod