JavaScript,获取带有id名称的td的值

Question

最初我使用带有id的输入并使用getElementById获取它的值.目前,我正在玩<td>s.我怎样才能抓住<td>？的价值？

我原来用过:

<input id="hello">
document.getElementById("hello").value;

现在我想获得价值<td>,但我不知道如何;

<td id="test">Chicken</td>
<td>Cow</td>

编辑:什么是之间的区别textContent,innerHTML以及innerText？

Answer 1

获取文本内容

document.getElementById ( "tdid" ).innerText

要么

document.getElementById ( "tdid" ).textContent

var tdElem = document.getElementById ( "tdid" );
var tdText = tdElem.innerText | tdElem.textContent;

如果你可以使用jQuery,那么你可以使用

$("#tdid").text();

获取HTML内容

var tdElem = document.getElementById ( "tdid" );
var tdText = tdElem.innerHTML;

在jQuery中

$("#tdid").html();

Answer 2

使用

innerHTML 

属性并一如既往地访问td使用getElementById().

Answer 3

再次使用getElementById，但使用.innerText代替.value

<td id="test">Chicken</td>
document.getElementById('test').innerText; //the value of this will be 'Chicken'