js如何在指定id 生成html代码呢？

Question

小弟对js还不太熟想问一下比如代码
<table width="94%"  border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#97aa9f">
     <tr>
        <th width="11%" height="27" align="center" ><?php echo $SETTING['DISK_NO.'];?></th>
        <th width="9%" height="27" align="center" ><?php echo $SETTING['TOTAL_SPACE'];?></th>
        <th width="11%" height="27" align="center" ><?php echo $SETTING['USER_SPACE'];?></th>
        <th width="11%" height="27" align="center" ><?php echo $SETTING['USER_RATIO'];?></th>
     </tr>     <tr>
        <div id="SYSTEM_MESSAGE">
           
        </div>
     </tr> 
</table>怎么用JS来在ID=SYSTEM_MESSAGE 的地方生成一下代码呢？
<td height="25" align="center" bgcolor="#ECF0F0"></td>
               <td align="center" bgcolor="#ECF0F0"></td>
      <td align="center" bgcolor="#ECF0F0"></td>
               <td align="center" bgcolor="#ECF0F0"></td>
不通过div的标签也可以只要在<tr></tr>标签中间生成就可以了，最好的办法是什么，请各位高手帮帮忙

Answer 1

只能试试
document.getElementById("SYSTEM_MESSAGE").outerHTML = 你的变量

Answer 2

不建议这么写，最好采用dom方法生成

Answer 3

net_lover 前辈，能帮我看看我的问题怎么解决吗？click事件冲突，如何解决？

Answer 4

建议使用insertRow() ， insertCell(0) 在table中添加 行与列。

Answer 5

<input type=button value=add onclick="addRow();">
<table width="94%"  border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#97aa9f">
     <tr>
        <th width="11%" height="27" align="center" ><?php echo $SETTING['DISK_NO.'];?></th>
        <th width="9%" height="27" align="center" ><?php echo $SETTING['TOTAL_SPACE'];?></th>
        <th width="11%" height="27" align="center" ><?php echo $SETTING['USER_SPACE'];?></th>
        <th width="11%" height="27" align="center" ><?php echo $SETTING['USER_RATIO'];?></th>
     </tr>
</table>
<script type="text/jscript">
function addRow(){
    var tab=document.getElementsByTagName("table")[0];
    var row=tab.insertRow();
    for(var i=0;i<4;i++){
        var cell=row.insertCell();
        if(i==0)cell.setAttribute("height","25");
        cell.setAttribute("align","center");
        cell.setAttribute("bgcolor","ECF0F0");
    }
}
</script>

Answer 6

楼主你只要把生成的内容写出document.getElementById("").innerHTML = "内容"就行了

Answer 7

用jQuery吧，各种文档处理都很好用的。
http://jquery-api-zh-cn.googlecode.com/svn/trunk/xml/jqueryapi.xml

Answer 8

用Dom吧
<script type="text/javascript">
var TD0=document.getElementsByTagName("td").item(0);
var TD1=document.getElementsByTagName("td").item(1);
var TD2=document.getElementsByTagName("td").item(2);
var TD3=document.getElementsByTagName("td").item(3);
<script/>

Answer 9

jquery的话，$("#id").append("内容");

Answer 10

制定你想添加html内容的ID。 然后用innerHTML可以直接写下HTML内容。 或者制定它后面元素的ID，用insertBefore。 方法很多。