获取dom节点的常用方法

《获取dom节点的常用方法》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Dom节点的获取简析dom对象是与浏览器和操作系统无关的一些对象的集合（documentobjectmodel文档对象模型）！我认为，它是下属bom对象的，而bom（browserobjectmodel），是受到浏览器和操作系统影响的！所以，我们应当尽量的避免bom的使用！首先，我们要树立一个概念，一般在网页中有的标签，就有相应的dom节点对象与之相对应！。接着，我们了解一下dom节点的基本知识。文档对象模型，顾名思义，就是将网页中的一个个标签当做一个个的对象！这些网页中的标签（标签中的属性、文本、注释），在js中被称为一个个的节点！而节点又可以有自己的子节点，有自己的

2、属性和方法！以此类推，可以无限制的延伸下去！就像是一个倒立着的大树！而他的根节点只有一个（document）！将众多的节点归位了一下几种类型：整个文档是一个文档节点；一个标签是一个元素节点；一个属性是一个属性节点；一个文本是一个文本节点（它是作为元素节点的第一个子节点而存在的！）；注释又是注释节点！节点本身的属性：每一个上述的节点都有相关的属性，用来存储相关的信息！这些属性主要包括以下三个nodeName，nodeValue，nodeType我们来详细讲解以下！《1nodeName：元素节点的nodeName是标签的名称；属性节点的nodeName是属性名称（不过有一个

3、问题，就是如何访问到属性节点呢？）；文本节点的nodeName永远是#text；文档节点的nodeName永远是#document《2nodeValue：元素和文档的nodevalue是不可用的；文本节点的nodeValue是文本自身；属性节点的nodeVlaue是属性值！《3nodeType：属性节点的类型！nodeType是只读属性！元素节点是1，属性节点是2，文本节点是3，注释节点是8，文档节点是9！在了解到什么是节点以及节点的相关属性后！我们接下来要去学习一下如何访问节点！一利用dom内在的方法获取节点！(1）document.documentElement（）

4、;(2）document.getElementById();有一点，我们要注意，getElementById()方法只能够用于document这个文档对象！而，getElementsByTagName（）方法是既可以用于document这个文档对象，也可以用于其他的节点对象！二利用节点之间的父子，兄弟关系获取节点。a parentNode当前节点的父节点的引用！b childNodes当前节点的所有子节点c firstChilde当前节点的第一个子节点（一般用来访问文本节点，文本节点默认为，标签节点的第一个子节点）d lastChild当前节点的最后一个子节点e pre

5、viousSibling当前节点的前一个兄弟节点！f nextSibling当前节点的后一个兄弟节点！该讲的基本上都讲完了,但是，还是需要给大家提醒一点，我也是最近才认识到的。(documentElement表示文档的根节点，通常是相对应的标签式HTML。而body标签就是body标签的对象化！它的重要性比documentElement大的多！正因为这样，document对象具有body对象的直接引用！)河南魏华压滤机（www.hnwhylj.com压滤机、板框式压滤机、厢式压滤机），盾旗压滤机（www.dqylj.com压滤机、板框式压滤机、厢式压滤机）,，郑州丰和食

6、品添加剂（www.fhsp88.com瓜尔豆胶，海藻酸钠，刺槐豆胶）