本日志标题:说不清的 childNodes        [2006-6-6]

以下内容在IE浏览器下测试:

firstChild 获取对象的 childNodes 集合的第一个子对象的引用。

[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]

lastChild 获取该对象 childNodes 集合中最后一个子对象的引用。

[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]

在<div>标签内再加一行lastChild就找不到了

[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]

那么用childNodes来测试

[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]
childNodes[0]是表示span,而childNodes[1]表示的并非pre,childNodes[2]才是。

那么如果说childNodes[0]是span,childNodes[2]是pre,那么childNodes[1]则是这两个标签对象间的换行

但为什么childNodes[3]表示了font,而不是childNodes[4]的呢?

[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]

再来一行,childNodes[4]表示的又即是换行,childNodes[5]才是标签p

[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]

根据这个规律,我可以断定childNodes[6]不是换行

[Ctrl+A 全部选择进行拷贝 提示:可先修改部分代码,再点击运行]

那么对于对象的换行来说,首项是1,公差是3的等差数列?

此外,对于FF浏览器的测试结果表示满意:
childNodes[1]、childNodes[3]、childNodes[5]、childNodes[7]分别表示<span> <pre> <font> <p>




[Edit on 2006-6-6 17:59:07 By cnbruce]

在百度搜索完整的说不清的 childNodes内容,或者用Google搜索相关的更多内容

By [cnbruce] at 17:29:18 | 评论 [9] | 浏览 [22507] | TrackBack| 返回顶部

About Comments
呵呵,我一般对需要通过dom获取的html对象都写在一行上,免得出现诡异现象。
By [todd] at 2006-6-6 22:20:49
IE可能对dom支持不太好
By [study5] at 2006-6-7 0:28:33
问题出在回车,把回车全去掉就对了
By [benus] at 2006-8-23 16:35:34
没什么问题啊,两个标签之间的内容是TextNode Object,没有内容就没有这个TextNode Object嘛,你可以根据需要判断是否处理这个TextNode Object呀
By [Pear] at 2006-9-19 9:48:04
问题出在<pre>pre-cnbruce</pre>上面,<pre>pre-cnbruce</pre>后面没有被计入回车。
By [三马] at 2006-9-21 12:55:48
这是IE实现的问题,完全可以自己判断处理的节点是什么类型,还有最好不要直接用索引的方式取得对象,可以设个ID什么的然后getElementById等,不同浏览器实现的模型可能不同,换个就会出问题了
By [Pear] at 2006-9-27 8:43:40
这里介绍一个永久有效的ie浏览器下载网站:
ie6.0下载
http://ie6.mov888.com
By [ieieieie] at 2006-10-6 2:39:32
又学到东西,谢谢啦!
By [80端口.米香] at 2006-10-10 9:53:18
飞鸽传书:http://www.freeeim.com/ipmsg/
By [飞鸽传书] at 2010-7-8 15:34:46


Post a Comment
呢称: 验证码: 
禁止笑脸转换 禁止UBB | 缩放输入框:6 5 | [Ctrl+Enter提交](1000个字符限制)