IE 6中使用document.createElement和appendChild无法显示

实现在点击表格自动增加一栏的功能，使用如下函数，发现在IE6下不能显示，而在IE7、IE8等浏览器可以正常实现：

<script type=”text/javascript”>
var i = 0;
function change(){
i++;
  var  tb=document.getElementById(“t1″)
  var txt = document.createElement(“input”);
  var tr1 = document.createElement(“tr”);
var td1= document.createElement(“td”);
var td2= document.createElement(“td”);
td2.setAttribute(“width”,”123″)
td2.setAttribute(“bordercolor”,”#FFFFFF”)
td2.setAttribute(“bgcolor”,”#CAE2EB”)

  td1.setAttribute(“width”,”401″)
  td1.setAttribute(“align”,”left”)
td1.setAttribute(“bordercolor”,”#FFFFFF”)
td1.setAttribute(“bgcolor”,”#FFFFFF”)
td1.innerHTML=”phone”+i+”1″;
td2.innerHTML=”电话号码”+i+”1″;
  txt.setAttribute(“name”,”phone”+i+”1″);
  txt.setAttribute(“type”,”text”);
 txt.setAttribute(“size”,”15″);
 txt.setAttribute(“maxlength”,”15″);
 
 td2.appendChild(td2);
 tr1.appendChild(td2);
 tr1.appendChild(td1);

td1.appendChild(txt);
‘tb.appendChild(tr1);
tb.appendChild(tr1);
}
</script>

问题IE6对appendChild的函数不支持，

IE6 增加TR用 TABLEOBJ.insertRow() 
        增加TD用 TROBJ.insertCell()

参考IE6可正常执行的代码：

<script>
var j=0
function add_row(){
    k=j+1
    j=sqd.rows.length;
    newRow=document.all.sqd.insertRow(-1)
    newcell=newRow.insertCell()
    newcell.style.backgroundColor=’#f7f7f7′
    newcell.innerHTML=j
    newcell=newRow.insertCell()
    newcell.style.backgroundColor=’#f7f7f7′
    newcell.innerHTML=”<input name=Number type=radio >”
    newcell=newRow.insertCell()
    newcell.style.backgroundColor=’#f7f7f7′
    newcell.innerHTML=”<input name=SerialNumber type=text class=INPUT1 size=3>”
    newcell=newRow.insertCell()
    newcell.style.backgroundColor=’#f7f7f7′
    newcell.innerHTML=”<input name=ProductName type=text class=INPUT1 size=3>”
    newcell=newRow.insertCell()
    newcell.style.backgroundColor=’#f7f7f7′
    newcell.innerHTML=”<input name=PieceNo type=text class=INPUT1 size=3>”
    newcell=newRow.insertCell()
    newcell.style.backgroundColor=’#f7f7f7′
    newcell.innerHTML=”<input name=Quantity type=text class=INPUT1 size=3>”
    newcell=newRow.insertCell()
    newcell.style.backgroundColor=’#f7f7f7′
    newcell.innerHTML=”<input name=GrossWeight type=text class=INPUT1 size=3>”
    newcell=newRow.insertCell()
    newcell.style.backgroundColor=’#f7f7f7′
    newcell.innerHTML=”<input name=CountWeight type=text class=INPUT1 size=3>”
    newcell=newRow.insertCell()
    newcell.style.backgroundColor=’#f7f7f7′
    newcell.innerHTML=”<input name=UnitPrice type=text class=INPUT1 size=3>”
    newcell=newRow.insertCell()
    newcell.style.backgroundColor=’#f7f7f7′
    newcell.innerHTML=”<input name=Amount type=text class=INPUT1 size=3>”
    newcell=newRow.insertCell()
    newcell.style.backgroundColor=’#f7f7f7′
    newcell.innerHTML=”<input name=CustOrder type=text class=INPUT1 size=3>”
    newcell=newRow.insertCell()
    newcell.style.backgroundColor=’#f7f7f7′
    newcell.innerHTML=”<input name=Description type=text class=INPUT1 size=3>”
}
function del_row() {
    if(sqd.rows.length==1) return;
    var checkit = false
    for (var i=0;i<document.all.Number.length;i++) {
            if (document.all.Number[i].checked) {
            checkit=true;
            sqd.deleteRow(i)
            break;
            }
    }
    if (checkit) {
        for(i=1;i<sqd.rows.length;i++){
        sqd.rows[i].cells[0].innerText=i
    }

    } else
    {
    alert(“请选择一个要删除的对象”);
    return false}
}
</script><table width=90% border=0 align=”center” cellpadding=2 cellspacing=1 bgcolor=”#FFFFFF”>
  <tr>
    <td height=”25″ class=”table1″>
      <div align=”center”><font color=”#FFFFFF”><strong>≡≡≡ 货 运 单 概 要 ≡≡≡</strong></font></div></td>
  </tr>
  <tr>
    <td align=center valign=top bgcolor=f7f7f7><table id=”sqd” width=”90%” border=”0″ cellpadding=”0″ cellspacing=”1″ bgcolor=”#999999″>
        <tr bgcolor=”#BAC2DA”>
          <td height=”25″>
            <div align=”center”>序号</div></td>
          <td>
            <div align=”center”>选中
                <input name=Number type=hidden >
          </div></td>
          <td>
            <div align=”center”>货物编号</div></td>
          <td>
            <div align=”center”>货物品名</div></td>
          <td>
            <div align=”center”>件数</div></td>
          <td>
            <div align=”center”>数量</div></td>
          <td>
            <div align=”center”>毛重</div></td>
          <td>
            <div align=”center”>计货重量</div></td>
          <td>
            <div align=”center”>费率</div></td>
          <td>
            <div align=”center”>金额</div></td>
          <td>
            <div align=”center”>客户定单号</div></td>
          <td>
            <div align=”center”>备注</div></td>
        </tr>
      </table>
        <br>
        <input name=”Submit5″ type=”button” onClick=add_row() class=”button” value=” 添 加 “>
        <input name=”Submit33″ onclick=del_row() type=”button” class=”button” value=” 删 除 “>
    </td>
  </tr>
</table>

相关日志

• 网页编辑器不能显示 (0)
• 微软发布新IE版本盗版用户亦可使用 (1)
• 完美解决IIS服务器无法加载应用程序 ‘/LM/W3SVC/1/ROOT’-没有注册类别 (2)
• Win7加速上网的浏览器推荐Firefox火狐 (0)
• Vista+IIS7+ASP解决传递中文参数乱码问题 (1)
• Request 对象 错误 'ASP 0104 : 80004005' 不许操作 (1)
• Microsoft JET Database Engine 错误 ’80004005′ 找不到可安装的 ISAM (0)
• IIS、ASP不支持正则表达式RegExp的解决方法 (0)
• IE浏览器提示“出现运行期错误”的解决方法 (0)
• IE只下载而不直接打开PDF文档 (0)
• IE7打开后默认跳转到runonce.msn.com的解决方法 (0)
• HTTP 401.5 – 未经授权：ISAPI/CGI 应用程序授权失败 (1)
• ewebeditor在IE8下所有按钮都无效 (0)
• Ewebeditor ‘d_file.myform.uploadfile为空或不是对象的解决办法 (0)
• ASP无效字符的解决方法 (0)
• ASP提示找不到数据库文件 (0)
• ASP:Server Application Error解决办法 (1)
• asp.net 该目录不存在或因为安全设置而无法访问 (-1)