在firefox下createElement,appendChild的方法不能完全支持

posted by David Chen at March 18, 2008, 3:20 AM    

都是w3c来的,反正在firefox下不能完全支持,我在工作过程中就发现了不能支持的情况.
createElement(name) 方法可创建元素节点。此方法可返回一个 Element 对象。
参数name 字符串值，这个字符串可为此元素节点规定名称。如果 name 参数中含有不合法的字符，该方法将
抛出代码为 INVALID_CHARACTER_ERR 的 DOMException 异常。
appendChild(newchild) 方法可向节点的子节点列表的末尾添加新的子节点。
Internet Explorer 会忽略节点间生成的空白文本节点（例如，换行符号），而 Mozilla 不会这样做。
例子:
// 生成一下拉框
var new_select = document.createElement('SELECT');
new_select.onchange = function() { itemtree_cats_change(this); };
// 生成选取项

1) 用createElement方法
var opt = document.createElement('OPTION');
new_select.appendChild(opt);

2) 用 new 的方法
new_select.options[new_select.options.length] = new Option('', '');
在iE7下, 第一种方法可以成功,没什么意外,在ie6和firefox下,不行,没有option出现在select中
在ie7,ie6,firefox下, 第二种方法都能正常显示.

看来,以后还是少用appendChild比较好了.
相关文章:
用Javascript操控页面的结点