【javascript】DOM小结

DOM（Document ObjectModel）文档对象模型，描述了一个层次化的节点数。D（文档）为网页文档；O（对象）为window对象之类的，可调用其属性和方法；M（模型）为网页文档的树形结构。DOM定义了HTML元素的对象和属性，以及访问它们的方法，即DOM可对HTML元素进行获取、修改、添加以及删除操作。

1.DOM节点

DOM把标签当作节点,将网页理解为由节点组成的节点树.节点的种类有五种:文档节点、元素节点、文本节点、属性节点、注释及节点。整个文档时一个文档节点，每个HTML元素是元素节点，HTML元素内的文本是文本节点，每个HTML属性是属性节点，注释是注释节点，这些概念都比较容易理解。

1）节点属性

DOM节点有几个非常有用的属性：nodeName、nodetype、nodeValue。

nodeName属性规定节点的名称，它始终包含HTML元素的大写字母标签名；nodeValue属性规定节点的值；nodeType属性返回节点的类型，nodeType是只读的。

2） 
层次节点属性

节点的层次结构可以划分为：父节点与子节点、兄弟节点，当获取到一个元素节点的时候，就可以通过层次节点属性来获取其他层次节点。

2. 节点方法

为了方便的进行操作，W3C提供了一些定位节点的属性和方法，通过它们DOM可以对节点进行创建、查找、删除等操作：

这些方法使得我们对网页元素的操作更加便捷。