关于 javascript 中的 innerHTML 问题

[lunhuaboys]

各位大哥大姐，我这段代码总是出错，为什么啊，小妹是新手～～～～ 我都急哭了～～～

<script language="javascript">
function Change(n)
{
if(n ==0)
{
document.all.main.innerHTML = " <tr>
<td bgcolor='#000000'> <img src='images/Spacer.gif' width='1' height='1'> </td>
</tr>
<tr>
<td> <div align='right'> </div> </td>
</tr>";
}
}
</script>

<img src="file:///E ¦/my web/images/xianliao.gif" name="Image1" width="98" height="40" border="0" id="Image1" onclick="Change(0)" />

``````
<table width="176" height="112" border="1" id="main"> <tr>
</table>

为什么啊。

[ttt2]

document.all("main").innerHTML

[西安风影]

想这样用document.all.main.
应该加那么属性吧
<table width="176" height="112" border="1" name="main" id="main"> <tr>

[ambitionzfx]

document.all.main.innerHTML 改成
docuemnt.getElementById("main").innerHTML=

[xumv_com]

不能在<table 里插入:可以在<td 里插入
<table width="176" height="112" border="1" id="main"> <tr>
id="main"在<table 里.innerHTML不管用

[atmo]

<script language="javascript"> 
function Change(n) 
{ 
if(n ==0) 
{ 
document.all.main.innerHTML = "<tr><td bgcolor='#000000'><img src='images/Spacer.gif' width='1' height='1'></td></tr><tr><td><div align='right'>fff</div></td> </tr>"; 
} 
} 
</script> 

<img src="file:///E ¦/my web/images/xianliao.gif" name="Image1" width="98" height="40" border="0" id="Image1" onclick="Change(0)" /> 

`````` 
<table width="176" height="112" border="1"  id="main" name="main"> <tr>  
</table> 

document.all 这样的写法是不符合 W3C 的标准，但是一般的浏览器上可以运行

建议你改成document.getElementById("main") 需要指定目标的ID
如果你写的是document.all 需要指定目标的name属性

还有你的字符串赋值document.all.main.innerHTML = "..."
"" 里面不要加换行

[tony-杨]

var tb = docuemnt.getElementById("main");
//添加1行
var tr = tb.insertRow();
//添加1列
var td = tr.insertCell();
//添加内容及属性
td.bgColor = '#000000';
td.onclick = 'alert(this.innerHTML)';
td.innerHTML = "<img src='images/Spacer.gif' width='1' height='1'>";

或者用createElement、appendChild结合innerHTML来做也一样的

[tony-杨]

这个是手册上的演示

<script>
function rdl_doAdd(){
    var oBody=document.createElement("<tbody id=myBody>");
    document.all("myTable").insertBefore(oBody, docuemnt.getElementById("myFoot"));
    for (m=0;m<3;m++) {
        var myTR =oBody.insertRow();
        for (i=0;i<4;i++) {
            var myTD=myTR.insertCell();
            myTD.innerText="第"+(i+1).toString()+"个单元格";
        }
    }
    docuemnt.getElementById("myHeadTD").colSpan=docuemnt.getElementById("myFootTD").colSpan=i.toString();
    window.resizeTo(320,310);
}
</script>


<table cellspacing=1 id=myTable width=90%>
<thead id=myHead><tr><td id=myHeadTD>这是标题</td></tr></thead>
<tfoot id=myFoot><tr><td id=myFootTD>这是脚注</td></tr></tfoot>
</table>
<br><input type=button value=" 插入TBODY " onclick="rdl_doAdd();">