38.认识DOM及获取元素

JS 分三个部分： ECMAScript(基本语法)    DOM    BOM

DOM:  Document  Object   Model  文档对象模型（操纵 html 行内css)

站在js角度：html标签叫做节点

DOM 总共12种节点：

先了解：

nodeType 获取节点数字类型：

　　　　　　　　　　　　

nodeName 获取标签的名字：

　　　　　　　　　　　　

nodeValue :返回文本节点与注释节点的内容

attributes:返回节点的属性集合：

　　　　　　　　　　　　

获取元素：两个系列   get/querySelector

　　　　1.document.documentElement

　　　　　

　　　 2.document.getElemnetById() //通过id获取文档节点

、　　　　 //获取元素赋值给变量，再通过操作变量来操纵元素节点

          注意：IE以下 id忽略大小写

                 IE7及以上不能忽略大小写，获取不到返回null

                且 IE7及以下：可以通过获取id的方式参数放name来获取元素节点

　　　　　　　　<div id="d" name="wuwei"></div>       //所以注意 元素节点  id名字最好不要与name名字一样

　　　　    

　　　　 3.document.getElementsByTagName()  返回的是标签元素所组成的伪数组，伪数组就是数组的形式可以通过下标来获取，但是不支持数组的方法，是个对象：

   　　        

　　　　　

　　　　  //超下标  undefined

　　　　获取的时候加下标：

　　          4.getElementsByName() 通过name属性获取标签：

　　　　　

             5.getElementsByClassName()通过class名字获取，很少用，因为IE8及以下没有这个方法

　　　　 

          6.最经常用的方法是 document.querySelector()查询选择器，通过选择器的形式获取元素（IE 7以下没有此方法)

获取一个元素 document.querySelector(）　　　　

获取所有元素 document.querySelectorAll(): 返回所有节点组成的伪数组

                   获取不一定用document 也可以用变量来查询子元素来加快查询       伪数组名字是 HTMLCollection