Question

JS 动态添加<tr><td>aaaaa</td></tr> 在label内

function btnCreatElemet_Click()
{
var Con=document.getElementById("lblNewElemet");
var NewElement=document.createElement("NewHoilday");
NewElement.innerHTML="<tr><td>aaaaa</td></tr>";
Con.appendChild(NewElement);

}

错哪里了！！！！

Answer 1

正规的添加表格行是 insertRow，添加单元格是 insertCell。而且你 createElement 里面需要是合法的 HTML 元素标签，例如 tr，td。

function btnCreatElemet_Click()
{
    var Con=document.getElementById("lblNewElemet");
    var row = Con.insertRow(0);
    var cell = row.insertCell(0);
    cell.innerHTML = "aaaaa";
}

下面是使用 createElement 创建 tr 和 td，但这样不标准

function btnCreatElemet_Click()
{
    var Con = document.getElementById("lblNewElemet");
    var tr = document.createElement("tr");
    Con.appendChild(tr);
    var td = document.createElement("td");
    tr.appendChild(td);
    td.innerHTML = "aaaaa";
}

Answer 2

哪里都没错！应该是你的 btnCreatElemet_Click() 方法没有被触发执行