关于appendChild（）的用法？？？

Question

is it for XML or DHTML? here is an example for DHTML, it is similar in XML:<script language="javascript">
var n=1;
function addInput()
{
  var input = document.createElement("INPUT");
  input.type="text";
  input.name="whatever"+n++;
  document.form1.appendChild(input);
}
</script>
<form name="form1">
<input type="button" value="add" onclick="addInput()">
</form>
hello world

Answer 1

能用insertBefore的地方尽量不要使用appendChild，IE的node方法都有bug。

Answer 2

to emu:::能用insertBefore的地方尽量不要使用appendChild，IE的node方法都有bug。为什么，你遇到过这种bug?能否举一二个例子看看

Answer 3

呵呵，node方法最怕select:<select id=test size=4 style="width:50">
<option>aaa</option>
<option>bbb</option>
<option>ccc</option>
</select>
<button onclick="test.removeChild(test.firstChild)">test1</button>
<button onclick="test[0]=null">test2</button>

Answer 4

这几行代码刚刚让我重起了机器，IE5.0。
<select id=test size=5 style="width:50px"></select>
<button onclick="test[test.length]=new Option('test','test');">test1</button>
<button onclick="test.insertBefore(new Option('test','test'));">test2</button>
<button onclick="test.appendChild(new Option('test','test'));">test3</button>

Answer 5

深有同感，看到select就晕，关于他的小毛病太多了我的是ie6,没有重启<select id=test size=5 style="width:50px"></select>
<button onclick="test[test.length]=new Option('test','test');">test1</button>
<button onclick="test.insertBefore(new Option('test','test'));">test2</button>
<button onclick="test.appendChild(new Option('test','test'));">test3</button>
<button onclick="alert(test.outerHTML)">view</button>
但是test2和test3都不能显示所添加的项目
添加后是 <option value=test></option>
我每次遇到Select，都不得不考虑常规方法是否可行

Answer 6

换一种对象表示就可以了<select id=test size=5 style="width:50px"></select><button onclick='test[test.length]=new Option("1");'>add1</button>
<button onclick='test.insertBefore(document.createElement("option")).innerText="2";'>add2</button>
<button onclick='test.appendChild(document.createElement("option")).innerText="3";'>add3</button>
<button onclick="alert(test.outerHTML)">view</button><button onclick="test.removeChild(test.children[0])">del1</button>
<button onclick="test.firstChild.removeNode()">del2</button>
<button onclick="test[0]=null">del3</button>

Answer 7

秋水用的也是IE6吧。在我的IE5上add2实现了无提示关闭IE呵呵，add3报IE错误后死。

Answer 8

试试看标准写法tmp=document.createElement("option");tmp.innerText="2";test.insertBefore(tmp);