这段代码如何向指定节点插入元素?


1.代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head><body>
<div id="baseArea"></div>
</body>
<script type="text/javascript">
var node1;
var node2;
try {
//IE专用
node1=document.createElement("<input type='text' name='group1' value='我是ie' />")
node2=document.createElement("<input type='text' name='group2' value='我是ie' />")
} catch (e) {
//非IE专用,如FF
node1=document.createElement("input")
node2=document.createElement("input")
}
//为FF方式服务
node1.type="text";
node1.name="group1";
node1.value="我是FF";
//node1.checked="true";

node2.type="text";
node2.name="group2";
node2.value="我是FF"; //document.body.appendChild(node1);
//document.body.appendChild(node2);
</script>
</html>2.需求
向<div id="baseArea"></div>节点,插入node1，node23.经历
我只会:
document.body.appendChild(node1);
document.body.appendChild(node2);4.帖尾
临帖涕零,不知所言,请高手指教.

解决方案 »

  1.   

    document.getElementById("baseArea").appendChild(node1);
      

  2.   

    var baseArea = document.getElementById("baseArea");
    baseArea.appendChild(node1);
    baseArea.appendChild(node2);
      

  3.   

     。
    会document不会其他啊。node .appendChild（childnode）
    1）document.createElement('<input id="" ....>');// 这样也行？
    createElement 会自动分解里面的<input>标签么？你这段代码在ie，firefox下面都会被throw Exception吧？
    2）node1.name="group1"; // 一般没有这么写的吧?即使侥幸成功了也会吃亏的。setAttribute用这个会很好，有些属性是只读的，又不会报错。
    3）createElement还分啥ie firefox的。