2011-04-13 47 views
0
<table border='1' id='output'> 

<tr> 

<td> 

</td> 

</tr> 

</table> 

我的javascript代码JavaScript的数据添加到表格单元格

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

不工作,请帮助

+0

你可以分配一个id,你的TD元素,并通过ID被找到更新。 – 2011-04-13 06:25:37

回答

2

使用jQueryü可以伊斯利做下面给出:

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

或者如果u要继续与JavaScriptü可以参考其他发布的答案。

CLICK HERE TO SEE THE DEMO

+0

我应该只需要导入jquery并粘贴你的代码?它会工作吗? – crowso 2011-04-13 06:25:54

+0

耶!下载jquery并在你工作的页面上使用。 – Sukhjeevan 2011-04-13 06:34:08

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

你有两个错误:

  1. 这不是一个有效的<table>

表必须有<tbody>标记。这可能是由浏览器添加的,这意味着您需要进一步访问<td>元素。

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

纠正这两件事情之后,你的代码应该是这样的:

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

我不明白,但它不工作。这是为什么 ? – crowso 2011-04-13 06:41:17

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

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

Check this

希望这有助于。

1

亚历克斯是对的,有一个tbody TAg。 尝试下面一个: 的document.getElementById( “输出”)的getElementsByTagName( “TD”)[0] .innerHTML = “测试1”

相关问题