childNodes 包括文本节点 节点分成三类:标签 属性和文本 节点的类型 nodeType 1、元素的节点 2、属性节点 3、文本节点 节点的名字 nodeName 元素节点:标签名称 属性节点:属性名称 文本节点:#text 节点值 nodeValue 元素节点的nodevalue始终是nu ...
分类:
其他好文 时间:
2016-08-07 00:52:27
阅读次数:
190
测试代码: 以上的结果为两种结果 1,childNodes 属性,标准的,它返回指定元素的子元素集合,包括HTML节点,所有属性,文本。可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才是元素节点,2是属性节点,3是文本节点。 2,children 属性,非标准的,它返 ...
分类:
其他好文 时间:
2016-08-05 07:44:29
阅读次数:
103
HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。 首先节点有很多种,不仅仅HTML元素是节点,尤其 要注意文本节点的存在。 根据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点: 整个文档是一个文档节点 每个 HTML 元素是元素节点 HTML 元素 ...
分类:
其他好文 时间:
2016-07-31 17:21:29
阅读次数:
105
本章内容: 定义 节点类型 节点关系 选择器 样式操作方法style 表格操作方法 表单操作方法 元素节点ELEMENT 属性节点attributes 文本节点TEXT 文档节点 Document 位置操作方法 定时器 弹出框 location 其它 事件操作 实例 定义 文档对象模型(Docume ...
分类:
其他好文 时间:
2016-07-25 14:44:24
阅读次数:
355
上下一个兄弟节点,第一个和最后一个子节点[不兼容]: 兼容性问题解决方案: var oNext = obj.nextElementSibling || obj.nextSibling; obj.nextSibling: 所有的浏览器都支持这个方法,只不过高版本浏览器[IE9+]中会识别文本节点[普通 ...
分类:
其他好文 时间:
2016-07-23 12:04:54
阅读次数:
190
1. nodeName : 节点的名称 1. 元素节点的 nodeName 与标签名相同 2. 属性节点的 nodeName 是属性的名称 3. 文本节点的 nodeName 永远是 #text 4. 文档节点的 nodeName 永远是 #document 2. nodeValue :节点的值 1 ...
分类:
其他好文 时间:
2016-07-20 10:31:13
阅读次数:
119
这一部分我们来简单应用一下line-height属性。 一、单行文本垂直居中 代码如下: 页面效果: 二、图像水平垂直居中 代码如下: 页面效果: 其实现原理,我们可以有两种方式解读。 第一种方式,先让隐藏文本节点垂直居中,然后图像与它垂直居中对齐。 来看这段代码: 其页面效果为: 前面我们提到过, ...
分类:
Web程序 时间:
2016-07-15 23:38:45
阅读次数:
378
1.文本节点 html结构如下: 1 2 3 打印出来的childNodes如下: 0 #text 1 ?1?? 2 #text 3 ?2?? 4 #text 5 ?3?? 6 #text 所谓的“#text”就是标签之间的空白 htm... ...
分类:
其他好文 时间:
2016-07-14 01:44:34
阅读次数:
119
DOM:文档对象模型,document object mode(访问HTML文档的方法,允许开发对HTML文档进行增删改查) DOM树:当网页加载完成后,浏览器会创建一个层级化的树状结构. DOM树中,包含了很多个节点 节点类型: 1.元素节点 < p> 2.文本节点 "hellow" 3.注释节点 ...
分类:
其他好文 时间:
2016-07-14 01:30:44
阅读次数:
130
js加强操作实现代码。 1 、文档里的每个节点都有属性 nodeName 、 nodeValue 、 nodeType nodeName 文本节点的的节点名是 #text , nodeName 是只读属性 nodeValue 1 元素节点 2 属性节点 3 文本节点 只读属性 nodeType 不能 ...
分类:
编程语言 时间:
2016-07-13 20:45:04
阅读次数:
215