javascript将数据添加到表格单元格

Question

<table border='1' id='output'>

<tr>

<td>

</td>

</tr>

</table>

我的javascript代码

 document.getElementById("output").childNodes[0].childNodes[0].nodeValue = ajaxRequest.responseText;

无效请帮助

Answer 1

document.getElementById("output").children[0].children[0].children[0].innerHTML;

Answer 2

你有两件事是错的：

1. 这不是有效的<table>。

表必须有<tbody>标记。这可能是浏览器添加的，这意味着您需要更深层次地访问<td>元素。

第二件事，nodeValue对于非文本节点始终为空，这是<td>。而是使用innerHTML属性来更改元素的文本。

在纠正这两件事后，您的代码应如下所示：

 document.getElementById("output").childNodes[0].childNodes[0].childNodes[0].innerHTML = ajaxRequest.responseText;

Answer 3

使用JQuery你可以轻松地完成，如下所示：

$(document).ready(function(){
 $("#output tr td").text("JQUERY HELP");
});

或者如果你想继续使用javascript你可以参考其他发布的答案。

<强> CLICK HERE TO SEE THE DEMO

Answer 4

<table border='1' id='output'>
    <tr>
        <td></td>
    </tr>
</table>

$(function(){
   $('#output td').append("blaa");
});

Check this

希望这有帮助。

Answer 5

亚历克斯是对的，有一个tg TAg。 尝试下面一个： 的document.getElementById（ “输出”）。的getElementsByTagName（ “TD”）[0] .innerHTML = “测试1”