DOM基础 ?什么是DOM ?浏览器支持情况 lDOM节点 ?childNodes nodeType –获取子节点 –children ?parentNode –例子:点击链接,隐藏整个li ?offsetParent –例子:获取元素在页面上的实际位置 DOM节点 ?首尾子节点 有兼容性问题 fi ...
分类:
其他好文 时间:
2016-05-31 09:02:05
阅读次数:
85
//下一个元素节点通用函数
functiongetNextElement(node){
if(node.nodeType==1){
returnnode;
}
//元素下一个节点,继续执行本次函数,循环,一直到找到下一个元素节点为止,则退出本次循环
if(node.nextSibling){
returngetNextElement(node.nextSibling);
}
returnnull;
}
分类:
其他好文 时间:
2016-05-27 18:44:18
阅读次数:
186
1、childNodes: 标准的,返回指定元素的子元素集合,包括HTML属性,所有属性,文本。可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。 有些人错误的使用()去取该集合元素,下表列出各浏览器对childNodes(i)的 ...
分类:
其他好文 时间:
2016-05-18 21:17:45
阅读次数:
153
DOM将html或xml文档描绘成一个由多层节点构成的结构。节点都继承自一个基类型,除IE外,其他所有浏览器都可以访问到这个类型。 节点有三个重要的属性,分别是:节点类型(nodeType)、节点名称(nodeName)、节点的值(nodeValue)。 一、节点类型(只读的) 节点类型用来区分不同 ...
分类:
编程语言 时间:
2016-05-18 16:04:49
阅读次数:
241
DOM是HTML和XML文档提供的一系列API的集合。 DOM将HTML和XML文档描绘成一个由多层次节点构成的树结构,文档中所有的元素都是一个节点。 树结构的根节点(又称文档元素)有且只有一个。 HTML文档的根节点始终是<html>,XML文档则可以是任何元素。 一、使用nodeType检测节点 ...
分类:
编程语言 时间:
2016-05-15 21:21:17
阅读次数:
280
一、Node类型 以下是所有节点都有的属性 1.nodeType判断节点类型,nodeType=1 元素节点 nodeType=2 属性节点 nodeType=3 文本节点 为了确保跨浏览器兼容,最好将nodeType值与数字比较。 2.nodeName节点名称。对于元素节点,nodeName中保存 ...
分类:
其他好文 时间:
2016-05-13 08:17:37
阅读次数:
201
一、Element类型: nodeType: 1; nodeName: 元素名; nodeValue: null; parentValue: Document 或者 Element; var oDiv = document.getElementById("example"); alert(oDiv.... ...
分类:
其他好文 时间:
2016-05-02 22:48:02
阅读次数:
242
1:childNodes /children相同点:它返回指定元素的子元素集合。 2:区别:children : 它是非标准的,仅返回HTML节点。甚至不返回文本节点。所有浏览器表现一 致。 childNodes :它是标准的,返回包括HTML节点,所有属性,文本。可以通过nodeType来判断是哪 ...
分类:
其他好文 时间:
2016-04-28 20:01:59
阅读次数:
145
一、Document类型 nodeType: 9; nodeName: ”#document”; nodeValue: null; parentValue: null; ownerDocumet: null. 其他浏览器(除IE)可以访问Document的构造函数与原型; 所有浏览器 (包括IE8 ... ...
分类:
其他好文 时间:
2016-04-27 20:25:16
阅读次数:
211
页面上的元素都是节点(Node),有元素节点(Element Node)、属性节点(Attribute Node)、文本节点(Text Node)等。w3c nodeType的定义如下: const unsigned short ELEMENT_NODE = 1; const unsigned sh ...
分类:
Web程序 时间:
2016-04-20 23:12:11
阅读次数:
165