DIV INNERHTML 的问题?

有什么办法可以做为TABLE的补充呢

是ie下吗？我的ie6下报错 firefox没有

我的也是ie6就是想动态创建一个TR到TABLE中

<!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>AckNetWorks</title>
<link id="text-css" href="/images/css.css" rel="stylesheet" rev="stylesheet" type="text/css" media="all" charset="utf-8" />
<script type="text/javascript">
var num=0;
var count=0;
var devcount=0;
var tab_n_dev=0;
var tab_n=0;
function changeDev()
{
var nasDev=document.getElementById("nasDev");

if(nasDev.value== "" )
{
alert("<?php echo $js_la['Add_NAS_Device_First'] ?>");
return false;
}
else
{
for(var i=0;i<nasDev.options.length;i++)
{
if(nasDev.options[i].value==nasDev.value)
{
if(window.navigator.userAgent.indexOf("MSIE")>=1)
{
var nasDev_value=nasDev.options[i].innerText;
}
else if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
var nasDev_value=nasDev.options[i].textContent;
}
}
}

var devgroups=document.getElementById("devgroups");
var devsnum=document.getElementById("devsnum");
if(devsnum.value!="0" && devsnum.value!="" )
{
if(nasDev.value == "1,127.0.0.1,localhost" && 0 == devgroups.value.indexOf("1,127.0.0.1,localhost"))
{
alert("<?php echo $js_la['exist_2'] ?>");
return false;
}
}
var array=devgroups.value.split(";");
for(var j = 0; j < array.length-1; j++)
{
if(0 == array[j].indexOf(nasDev.value))
{
alert("<?php echo $js_la['exist_2'] ?>");
return false;
}
else if(0 == array[j].indexOf("1,127.0.0.1,localhost"))
{
alert("<?php echo $js_la['Global_Options_Already_Exist'] ?>");
return false;
}
else if (nasDev.value == "1,127.0.0.1,localhost")
{
alert("<?php echo $js_la['Global_Options_Already_Exist'] ?>");
return false;
}
}
if(devcount>31)
{
alert("<?php echo $js_la['bind_mac']?>");
return false;
}
devcount++;
var x=document.getElementById('devTable').insertRow(devcount -1);
var a=x.insertCell(0);
var n=x.insertCell(1);
a.innerHTML="<span id=\"Msg_Show"+tab_n_dev+"\"></span>";
if(document.all)
{
document.getElementById("Msg_Show"+tab_n_dev).innerText=nasDev_value;
}
else
{
document.getElementById("Msg_Show"+tab_n_dev).textContent=nasDev_value;
}
n.innerHTML="<img style=\"cursor:pointer\" title=\"<?php echo $_la['delete']?>\" src=\"/images/tubiao/del.gif\" onclick=\"deleteRow_Dev(this)\" />";
tab_n_dev++;
devgroups.value += nasDev.value;
devgroups.value += ";";
devsnum.value =devcount ;
}
}
function deleteRow_Dev(r)
{
var i=r.parentNode.parentNode.rowIndex;
document.getElementById('devTable').deleteRow(i)
var mm=document.getElementById("devgroups");
var array=mm.value.split(";");
mm.value = ""
var index=i;
for(j = 0; j < array.length-1; j++)
{
if(j != index)
{
mm.value += array[j] + ";";
}
}
devcount--;
var devsnum=document.getElementById("devsnum");
devsnum.value =devcount;
}
</script>
</head>
<body>
<table>
<tr>
              <td width="20%" height="30" align="right" nowrap="nowrap"><?php echo $New_Binding_List_la['NAS'] ?></td>
              <td height="30" align="left"><select id="nasDev" name="nasDev">

<option value="1,127.0.0.1,localhost"><?php echo $_la['all'] ?></option>
             <?php for($i=0;$i<$DevList["ulTotal"];$i++){?>
<option value="<?php echo $DevList[$i]["id"]?>,<?php echo $DevList[$i]["ip"]?>,<?php echo htmlspecialchars($DevList[$i]["name"]) ?>"><?php echo htmlspecialchars($DevList[$i]["name"]) ?></option>
             <?php }?>

            </select><span style="margin-left:50px;">
<input name="btnDev" type="button" onclick="changeDev()" class="input_button" id="btnDev"  value="<?php echo $New_Binding_List_la['Add'] ?>" /></span>
</td>
            </tr>
            <tr>
<td></td>
              <td height="30" align="left" nowrap="nowrap"><table style="border:1px solid #39739C;" width="460" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
                  <tr>
                    <td width="230" class="tableleft"><?php echo $New_Binding_List_la['Device'] ?></td>
                    <td width="230" class="tablecenter"><?php echo $ACL_Edit_la['Action'] ?></td>

                  </tr>
                  
                  <tr>
                    <td colspan="3" align="center" class="tdleft"><table id="devTable">
                    </table></td>
                  </tr>
                  
                </table>
                  <textarea  name="devgroups" cols="40" rows="5" style="display:none" class="input" id="devgroups"></textarea>
                <input type="hidden" name="devsnum" id="devsnum" /></td>
            </tr>
</table>
</body>
</html>

主要是这个代码        var x=document.getElementById('devTable').insertRow(devcount -1);
        var a=x.insertCell(0);
        var n=x.insertCell(1);
        a.innerHTML="<span id=\"Msg_Show"+tab_n_dev+"\"></span>";
        if(document.all)
        {
            document.getElementById("Msg_Show"+tab_n_dev).innerText=nasDev_value;
        }
        else
        {
            document.getElementById("Msg_Show"+tab_n_dev).textContent=nasDev_value;
        }
其中devTable是一个table 里面没有tr标记也没有td标记，只是<table id="devTable"></table> 他的TR和TD都是JS动态写入的上面是个代码片段，楼主好好研究研究

恨容易,直接tableobj .inserRow就可以了!

调试易

DIV INNERHTML 的问题?

解决方案 »