javascript: .innerHTML 在表中不添加新行答案

【问题标题】：javascript: .innerHTML in to table not adding new rowsjavascript: .innerHTML 在表中不添加新行
【发布时间】：2016-01-11 05:20:52
【问题描述】：

我的 js 没有在我的表格末尾添加行
HTML：

<table border="1" style="border-collapse: collapse;" width="100%" id="tbLIFE">
    <tr><th colspan="3">LifePath</th></tr>
    <tr><th colspan="3">Style</th></tr>
    <tr id="LifeEvents"></tr>
</table>

js:

//LIFE EVENTS
var d61 = Math.floor(Math.random()*6)+1;
var d62 = Math.floor(Math.random()*6)+1;
var Age = d61+d62+16;

document.getElementById("LifeEvents").innerHTML = "<th colspan=3 id='lifeEvents'>Life Events</th>";
document.getElementById("LifeEvents").innerHTML += "</tr><tr><td>Age</td><td>"+Age+"</td>";

我不介意使用 jquery。

【问题讨论】：

为什么你的th 用td 关闭？ <tr><th colspan="3">Style</td></tr>
@MysterX 在发布问题时只是一个错字：P
@GuruprasadRao 请详细说明
Your above code works fine here 那么有什么问题呢？
@GuruprasadRao 非常感谢您

标签： javascript jquery html html-table

【解决方案1】：

由@Guruprasad Rao 提供

var d61 = Math.floor(Math.random()*6)+1;
var d62 = Math.floor(Math.random()*6)+1;
var Age = d61+d62+16;

document.getElementById("LifeEvents").innerHTML = "<th colspan=3 id='lifeEvents'>Life Events</th>";
document.getElementById("tbLIFE").innerHTML += "<tr><td>Age</td><td>"+Age+"</td>";

【讨论】：