Firefox 里面选取子节点的问题。

有时候需要用 JavaScript 得到某个 Node 下面的第一个或者最后一个子节点。在 IE 下面实现起来就很简单，直接用 firstChild 或者 lastChild 就可以了，但是 Firefox 却不行，因为 Firefox 会把无意义的空格和回车也算成一个文本节点。所以 Firefox 要实现的话必须先用 getElementsByTagName 得到某个 TagName 的所有节点。然后在节点数组里面选取就是了，这种方法在 IE 下面也是有效果的，浏览器内置支持的的 firstChild 和 lastChild 基本算是废了，没什么大用处了。

但是如果不知道要取得哪个 TagName 的话怎么办？其实也很简单，直接遍历节点的 childNodes，然后判断 nodeType，如果是 1 表示是一个 HTML 节点，如果是 3 表示一个文本节点。

另外需要注意一点的是 DOM 是树结构，具体的代码就不写了。

不知道为什么，可能我的思维不是正统程序员的思维吧，感觉写 Firefox 下操作 DOM 的 JS 远没有 IE 下来的方便。真希望所有浏览器都能实现同一个基础 ajax 平台，就像 prototype 和 jQuery 一样，那样多方便啊。

个人希望以后网站的发展趋势是 RIA + SiteMap ，哈哈

本日志由 Loveyuki 于 2007-12-04 10:54 发表，目前已经被浏览 2755 次，评论 5 次；

作者添加了以下标签： Firefox，DOM；

引用通告：http://blog.loveyuki.com/Article/17/Trackback.ashx

评论订阅：http://blog.loveyuki.com/Article/17/Feeds.ashx

隐藏 Firefox 书签工具栏菜单中的“在标签页中打开书签组”2010-03-19 10:10
[收集]自定义 Firefox 的磁盘缓存目录2008-01-18 15:46
微软要强制升级 Internet Explorer 了2008-01-22 18:15
Javascript 动态加载 CSS STYLE 元素2008-01-31 15:21
好消息很多，坏消息也有2009-07-02 08:33

评论列表

放牛娃

2007-12-04 03:25 | # | 回复

是这样的，以前用过一个ajax程序，在ie里面运行很好，在firefox中就不行，很烦人
汤尼尔

2007-12-04 04:09 | # | 回复

...我个人就是习惯getElements...这样……所以我自己做的Ajax程序还没发现这样的问题……
Loveyuki

2007-12-04 09:12 | # | 回复

嘿嘿，你用用 jQuery 就知道了。真是一种享受啊。。。
测试一下加号

2007-12-18 05:15 | # | 回复

测试一下加号+
火狐

2007-12-26 21:27 | # | 回复

RIA + SiteMap不错的想法，支持。