获取dom节点的常用方法_第1页
获取dom节点的常用方法_第2页
获取dom节点的常用方法_第3页
获取dom节点的常用方法_第4页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

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

2、此类推,可以无限制的延伸下去!就像是一个倒立着的大树!而他的根节点只有一个(document)!将众多的节点归位了一下几种类型:整个文档是一个文档节点;一个标签是一个元素节点;一个属性是一个属性节点;一个文本是一个文本节点(它是作为元素节点的第一个子节点而存在的!);注释又是注释节点!节点本身的属性:每一个上述的节点都有相关的属性,用来存储相关的信息!这些属性主要包括以下三个nodeName,nodeValue,nodeType我们来详细讲解以下!1nodeName:元素节点的nodeName是标签的名称;属性节点的nodeName是属性名称(不过有一个问题,就是如何访问到属性节点呢?);文本

3、节点的nodeName永远是#text;文档节点的nodeName永远是#document2nodeValue:元素和文档的nodevalue是不可用的;文本节点的nodeValue是文本自身;属性节点的nodeVlaue是属性值!3nodeType:属性节点的类型!nodeType是只读属性!元素节点是1,属性节点是2,文本节点是3,注释节点是8,文档节点是9!在了解到什么是节点以及节点的相关属性后!我们接下来要去学习一下如何访问节点!一 利用dom内在的方法获取节点!(1)document.documentElement(); (2)document.getElementById();有一

4、点,我们要注意,getElementById()方法只能够用于document这个文档对象!而,getElementsByTagName()方法是既可以用于document这个文档对象,也可以用于其他的节点对象!二 利用节点之间的父子,兄弟关系获取节点。a parentNode当前节点的父节点的引用!b childNodes 当前节点的所有子节点c firstChilde当前节点的第一个子节点(一般用来访问文本节点,文本节点默认为,标签节点的第一个子节点)d lastChild当前节点的最后一个子节点e previousSibling当前节点的前一个兄弟节点!f nextSibling当前节点的后一个兄弟节点!该讲的基本上都讲完了,但是,还是需要给大家提醒一点,我也是最近才认识到的。( documentElement表示文档的根节点,通常是相对应的标签式HTML。而body标签就是body标签的对象化!它的重要性比documentElement大的多!正因为这样,document对象具有body对象的直接引用!)河南魏华压滤机(压滤机、板框式压滤机、厢式压滤机),盾旗压

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论