一、 在上面这段代码中,如果使用以下js代码 在ie9以下,alert出来的是p(p标签名字),但是在现代浏览器下,比如Chrome,FF,ie11等等,由于会把<div> <p>两个标签之间的空白节点也解析出来,所以会alert出#text(由于空白节点是属于text文本节点) 如果把html的D ...
分类:
Web程序 时间:
2016-12-28 18:17:04
阅读次数:
199
以下内容来自《javasript DOM 编程艺术》第二版 dom中三种重要的节点:元素节点、属性节点、文本节点。 几种节点的重要属性:nodeValue,nodeType(为数字1、2、3)。 子节点属性:childNodes,firstChild=.childNodes[0],lastChild ...
分类:
编程语言 时间:
2016-12-25 18:37:37
阅读次数:
204
1.children()只会返回元素节点 2.contents()还可以返回文本节点 3.实例: children(): contents(): ...
分类:
Web程序 时间:
2016-12-22 19:46:45
阅读次数:
420
第七章: 1.dom方法创建并且插入标签:(这种方法并没有改变文档的物理内容,而是在改变dom树) ①创建元素节点:createElement(); ②内部前插入:appendChild() ③创建文本节点:createTextNode(); ④设置属性节点:setAttribute(); ⑤外部前 ...
分类:
编程语言 时间:
2016-12-19 00:08:27
阅读次数:
284
恢复内容开始 前言:HTML文档可以说由节点构成的集合,DOM节点有: 1). 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。 2). 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。 3). 属性节点:元素属性,如< ...
分类:
编程语言 时间:
2016-12-18 15:05:32
阅读次数:
126
●节点分为不同的类型:元素节点、属性节点和文本节点等。 ●getElementById()方法将返回一个对象,该对象对应着文档里的一个特定的元素节点。 ●getElementsByTagName()方法将返回一个对象数组,它们分别对应着文档里的一个特定的元素节点。 ●这些节点中的每个都是一个对象。接 ...
分类:
其他好文 时间:
2016-12-17 23:02:41
阅读次数:
273
DOM操作 ——如何添加、移除、移动、复制、创建和查找节点等。 (1)创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点 (2)添加、移除、替换、插入 ( ...
分类:
移动开发 时间:
2016-12-10 22:24:35
阅读次数:
451
nodeType属性总共有12种属性值,具有实用价值的主要是3种,分别是: 1.元素节点的nodeType属性值为1. 2.属性节点的nodeType属性值为2. 3.文本节点的nodeType属性值为3. 下面补充下元素、属性、文本的意思: 1.元素:标签的名字就是元素,诸如<body>、<p>和 ...
分类:
其他好文 时间:
2016-12-09 16:42:02
阅读次数:
193
chidNodes返回的是node的集合, 每个node都包含有nodeType属性。 nodeType取值: 元素节点:1 属性节点:2 文本节点:3 注释节点:8 页面上是由无数个节点组成,节点分成元素节点、属性节点、文本节点、注释节点 <table> <tr> <td>aaa</td> <td ...
分类:
编程语言 时间:
2016-12-05 20:12:46
阅读次数:
392
首先getAttribute setAttribute只能被元素节点对象调用。(属性节点和文本节点调用不了) 我们可以通过一下三种方式得到元素: childNodes属性:可以获取任何一个元素的所有子元素(或者说任何一个节点下的所有子节点:包含文本节点 元素节点);注意返回的是数组,且Nodes有s ...
分类:
其他好文 时间:
2016-11-29 16:59:57
阅读次数:
148