js错题知识笔记之：Dom节点是什么

一、什么是DOM?

DOM Document Object Model，文档对象模型，DOM可以以一种独立于平台和语言的方式访问和修改html文档的内容和结构。

二、Document对象

Document 对象是 HTML 文档的根节点。

Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问

三、DOM节点分类

在 HTML DOM (Document Object Model) 中 , 每一个元素都是 节点:

文档是一个文档节点。

所有的HTML元素都是元素节点。

所有 HTML 属性都是属性节点。

四、获取元素节点

4.1 getElementById()

getElementById():通过标签的id属性获取元素

4.2 getElementsByTagName()

getElementsByTagName():通过标签名来获取元素。（数组）

4.3 getElementsByName()

getElementsByName():通过标签的name属性获取元素。（数组），

4.4 getElementsByClassName()

getElementsByClassName():通过标签的class属性来获取元素。（数组），有浏览器兼容性，主要是ie8以下。

4.5 querySelector()

querySelector():通过css选择器来获取元素

4.6 querySelectorAll()

querySelectorAll():通过css选择器来获取元素(数组)

4.7 getElement和querySelector的区别

query选择符选出来的元素及元素数组是静态的，而getElement这种方法选出的元素是动态的。静态的就是说选出的所有元素的数组，不会随着文档操作而改变． 在使用的时候getElement这种方法性能比较好，query选择符则比较方便。