为什么添加不了呢？

我是想用JS在表格后添加一行，代码如下：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<body>
<div id="img" style="border:1px solid red; height:20px;">
First txt
</div>
<input type="button" value="btn01" name="btn01" onClick="javascript:addELM();"> 
<script language="javascript" type="text/javascript">
function addELM()
{
var o=document.getElementById("img");
var tNode=document.createTextNode("new txt node");
var newNode=document.createElement("div");
newNode.appendChild(tNode);
o.appendChild(newNode);
}
//-----------------------------------------------
function addELM2()
{
var o=document.getElementById("tb01");
var tNode=document.createTextNode("new txt node");
var newTDNode=document.createElement("td");
newTDNode.appendChild(tNode);
var newTRNode=document.createElement("tr");
newTRNode.appendChild(newTDNode);
o.appendChild(newTRNode);
//alert("create tip.");
}
</script>
<br>
<table width="100%"  border="2" cellpadding="4" cellspacing="8" id="tb01" name="tb01">
  <tr bgcolor="#CCCCCC">
    <td>0101</td>
    <td>0102</td>
    <td>0103</td>
    <td>0104</td>
  </tr>
  <tr onclick="javascript:alert(this.rowIndex);">
    <td >02</td>
    <td>0202</td>
    <td>0203</td>
    <td>0204</td>
  </tr>
</table>
<input type="button" value="btn02" name="btn02" onClick="javascript:addELM2();">
</body>
</html>现在出现的问题是：
JS向表格添加一行时，在FF下能成功添加；在MS IE 6.0下能运行（没有错误报告，已经在后面加 alert 检测）但不能添加行列到表格中，不得其解， 为什么MS IE下能运行但添加不成功呢？！见JS函数 addELM2()比较相同的问题：
用JS函数 addELM() 向 id="img" 的DIV添加一个div子元素，去能正确在 FF， MS IE下都能正确运行，为什么这里都可以运行成功，而上面的在MS IE下不能向表添加一行呢？在线等，解决了就结贴

解决方案 »

  1.   

    添加表格和创建一个img标签是不同的。IE6下面创建建议你搜索一下 JS 创建TABLE IE关键词
      

  2.   

    那个是 ID=“img” 而已，不是建立img标签，
      

  3.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd"> 
    <html> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
    <title>无标题文档 </title> 
    </head> 
    <body> 
    <div id="img" style="border:1px solid red; height:20px;"> 
    First txt 
    </div> 
    <input type="button" value="btn01" name="btn01" onClick="javascript:addELM();"> 
    <script language="javascript" type="text/javascript"> 
    function addELM() 
    { 
    var o=document.getElementById("img"); 
    var tNode=document.createTextNode("new txt node"); 
    var newNode=document.createElement("div"); 
    newNode.appendChild(tNode); 
    o.appendChild(newNode); 
    } 
    //----------------------------------------------- 
    function addELM2() 
    { 
    var o=document.getElementById("tb01"); 
    var tNode=document.createTextNode("new txt node"); 
    var newTDNode=document.createElement("td"); 
    newTDNode.appendChild(tNode); 
    var newTRNode=document.createElement("tr"); 
    newTRNode.appendChild(newTDNode); 
    o.appendChild(newTRNode); 
    o.outerHTML = o.outerHTML + ""; 
    } 
    </script> 
    <br> 
    <table width="100%"  border="2" cellpadding="4" cellspacing="8" id="tb01" name="tb01"> 
      <tr bgcolor="#CCCCCC"> 
        <td>0101 </td> 
        <td>0102 </td> 
        <td>0103 </td> 
        <td>0104 </td> 
      </tr> 
      <tr onclick="javascript:alert(this.rowIndex);"> 
        <td >02 </td> 
        <td>0202 </td> 
        <td>0203 </td> 
        <td>0204 </td> 
      </tr> 
    </table> 
    <input type="button" value="btn02" name="btn02" onClick="javascript:addELM2();"> 
    </body> 
    </html> 
      

  4.   

    牛人hookee, 高手，成功了，呵呵o.outerHTML = o.outerHTML + ""; 请问上面这句的作用是什么？实在不解啊
      

  5.   

    我的还是 MS IE 6.0哦  :(