1.childNodes属性 获取元素的全体子元素使用childNodes,返回数组,返回的数组包含所有类型的节点,不仅仅是元素节点,还有属性节点、文本节点,事实上,文档里的每一样东西都是一个节点,甚至空格和换行符 2.nodeType属性 一共有12种值,但只有三种有使用价值: 元素节点的node ...
分类:
其他好文 时间:
2017-06-10 16:56:59
阅读次数:
116
DOM(document object model)由节点构成,元素节点,文本节点,属性节点是一份DOM的所有组成。 上面代码分解: <p></p>是一个元素节点,this is a node是文本节点,id="p"是属性节点。 三种节点关系: 文本节点和属性节点必须放在元素节点中,但元素节点未必包 ...
分类:
其他好文 时间:
2017-06-10 15:15:02
阅读次数:
156
HTML文档分为元素节点 属性节点 文本节点 获得元素节点DOM方法:getElementById getElementsByTagName getElementsByClassName 创建元素节点方法:createElement 插入一个节点方法:appendChild 获得属性节点的方法:ge ...
分类:
编程语言 时间:
2017-06-04 21:11:15
阅读次数:
192
获取子节点:childNodes 在IE下是可以正常使用的 但是在FF包含了文本节点需要配合nodeType做个类型判断 1是元素节点 3是文本节点 也可以采用 children IE FF 获取第一个节点:firstChild || firstElementChild 获取最后一个节点:lastC ...
分类:
其他好文 时间:
2017-06-02 12:47:13
阅读次数:
119
Node的三个基本属性: 1.nodeType:表明节点类型,1是元素节点,3是文本节点。 2.nodeName: 表明节点名称,元素节点为标签名,文本节点为#text。 3.nodeValue:表明节点值,元素节点为null,文本节点为文本内容。 Node的节点关系: 1.parentNode与c ...
分类:
Web程序 时间:
2017-06-01 16:52:31
阅读次数:
248
我们这里所说的获取元素节点的全部子节点包括元素子节点和文本节点两种。还是拿上一篇博文的代码实例进行 分析: <span style="font-size:18px;"><span style="font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD X ...
分类:
编程语言 时间:
2017-05-29 17:27:35
阅读次数:
224
晨读单词: onmouseover:鼠标移入 onmouseout:鼠标移出 attribute:属性 node:节点 document:文档 element:元素 textNode:文本节点 append:追加 回顾之前已经使用过的事件: onfocus/onblur:聚焦离焦事件,用于表单校验的 ...
分类:
编程语言 时间:
2017-05-29 00:30:21
阅读次数:
135
一、DOM操作 DOM节点的操作 增加 删除 修改 节点的信息: nodeName 获取节点的标签名 parentNode 获取父节点 childNodes IE忽略回车换行,chrome回车换行是文本节点 nodeType 节点类型: 1:元素节点 3:文本节点 9:document节点 2:属性 ...
分类:
Web程序 时间:
2017-05-23 13:10:54
阅读次数:
196
object.childNodes 此方法可以获取某个对象下的所有子节点,为类数组,有长度,由于包含空格文本节点,故不常用。 object.children 找到某个对象下面所有元素子节点,为类数组,常用。不是标准属性,但所有浏览器都支持。 nodeValue 查看节点的属性值 nodeName 查 ...
分类:
其他好文 时间:
2017-05-21 23:26:42
阅读次数:
284
晨读单词: onmouseover:鼠标移入 onmouseout:鼠标移出 attribute:属性 node:节点 document:文档 element:元素 textNode:文本节点 append:追加 回顾之前已经使用过的事件: onfocus/onblur:聚焦离焦事件,用于表单校验的 ...
分类:
编程语言 时间:
2017-05-20 16:29:57
阅读次数:
193