获取dom节点的常用方法

整理文档很辛苦,赏杯茶钱您下走!

免费阅读已结束,点击下载阅读编辑剩下 ...

阅读已结束,您可以下载文档离线阅读编辑

资源描述

Dom节点的获取简析dom对象是与浏览器和操作系统无关的一些对象的集合(documentobjectmodel文档对象模型)!我认为,它是下属bom对象的,而bom(browserobjectmodel),是受到浏览器和操作系统影响的!所以,我们应当尽量的避免bom的使用!首先,我们要树立一个概念,一般在网页中有的标签,就有相应的dom节点对象与之相对应!。接着,我们了解一下dom节点的基本知识。文档对象模型,顾名思义,就是将网页中的一个个标签当做一个个的对象!这些网页中的标签(标签中的属性、文本、注释),在js中被称为一个个的节点!而节点又可以有自己的子节点,有自己的属性和方法!以此类推,可以无限制的延伸下去!就像是一个倒立着的大树!而他的根节点只有一个(document)!将众多的节点归位了一下几种类型:整个文档是一个文档节点;一个标签是一个元素节点;一个属性是一个属性节点;一个文本是一个文本节点(它是作为元素节点的第一个子节点而存在的!);注释又是注释节点!节点本身的属性:每一个上述的节点都有相关的属性,用来存储相关的信息!这些属性主要包括以下三个nodeName,nodeValue,nodeType我们来详细讲解以下!《1nodeName:元素节点的nodeName是标签的名称;属性节点的nodeName是属性名称(不过有一个问题,就是如何访问到属性节点呢?);文本节点的nodeName永远是#text;文档节点的nodeName永远是#document《2nodeValue:元素和文档的nodevalue是不可用的;文本节点的nodeValue是文本自身;属性节点的nodeVlaue是属性值!《3nodeType:属性节点的类型!nodeType是只读属性!元素节点是1,属性节点是2,文本节点是3,注释节点是8,文档节点是9!在了解到什么是节点以及节点的相关属性后!我们接下来要去学习一下如何访问节点!一利用dom内在的方法获取节点!(1)document.documentElement();(2)document.getElementById();有一点,我们要注意,getElementById()方法只能够用于document这个文档对象!而,getElementsByTagName()方法是既可以用于document这个文档对象,也可以用于其他的节点对象!二利用节点之间的父子,兄弟关系获取节点。aparentNode当前节点的父节点的引用!bchildNodes当前节点的所有子节点cfirstChilde当前节点的第一个子节点(一般用来访问文本节点,文本节点默认为,标签节点的第一个子节点)dlastChild当前节点的最后一个子节点epreviousSibling当前节点的前一个兄弟节点!fnextSibling当前节点的后一个兄弟节点!该讲的基本上都讲完了,但是,还是需要给大家提醒一点,我也是最近才认识到的。(documentElement表示文档的根节点,通常是相对应的标签式HTML。而body标签就是body标签的对象化!它的重要性比documentElement大的多!正因为这样,document对象具有body对象的直接引用!)河南魏华压滤机(压滤机、板框式压滤机、厢式压滤机),盾旗压滤机(压滤机、板框式压滤机、厢式压滤机),,郑州丰和食品添加剂(瓜尔豆胶,海藻酸钠,刺槐豆胶)

1 / 4
下载文档,编辑使用

©2015-2020 m.777doc.com 三七文档.

备案号:鲁ICP备2024069028号-1 客服联系 QQ:2149211541

×
保存成功