dom类型

dom类型

dom类型简介：

dom类型也就是文档中节点的种类，文档中节点种类比较多，如文档节点、元素节点、属性节点、文本节点、注释节点等，当然在项目中经常用到的就是前四种节点类型，每个节点类型都有着它各自的特设以及它的属性和方法，下面我们来对这些文档类型进行详细的了解。

document类型(文档节点):

document节点有一个document(其实是HTMLdocument的直接对象，而HTMLdocument继承自document)对象，它表示整个html页面，能够获得页面的有关信息。document对象时整个文档的最外层节点。

document对象拥有两个非常实用的属性：document.documentElement(它代表了html元素节点),document.body(它代表了body元素)，这两个属性能帮助我们更加简洁的操作整个文档。

查找元素：

这个功能在编程中是随处可见的，它的用处非常大，document类型提供了getElementById()和getElementsByTagName()两个方法，而HTMLdocument则提供了getElementsByName()方法下面详细的来介绍这几个方法：

getElementById();传入元素的id，返回该元素，如果没找到则返回null

getElementsByTagName();传入元素的标签名称,获得这类标签的HTMLcollection集合,访问集合中的元素可以使用两个方法，item();根据下标进行访问;namedItem();根据标签的name属性进行访问。getElementsByName()和getElementsByTagName();非常相似。

文档写入：document.write();document.writeln();

Element类型：

nodeName返回元素的标签名。该类型中最重要的方法就是对属性的操作，getAttribute("属性名");获得属性值；setAttribute("属性名","属性值");设置属性值;removeAttribute("属性名");移除属性；另外加上点操作.;

dom扩展：

介绍几个在实际项目中用的比较多的扩展，contalns();某节点是否包含另一个节点；

innerText属性和innerHtml属性,第一个属性获得纯文本，而第二个属性则能获得包括标签的文本。innerText在火狐浏览其中对应的是textContent属性,在运用的时候需要注意其兼容性

项目经验：dom的方方面面在实际的项目开发过程中运用很广，运用率也非常大，掌握这些基础的知识相当的有必要