如何使用javascript更改HTML元素值？

我有DIV，DIV里面有桌子。我想使用java脚本更改表的列值之一。我可以通过获取列的元素id来实现，但是没有任何id分配给任何表的列。下面是一个例子

<div id="usersec">
<TABLE style="TEXT-ALIGN: center; WIDTH: 279px; HEIGHT: 70px">
<TBODY>
<TR>
<TD style="FONT-FAMILY: Verdana" vAlign=center align=middle>Talk to me </TD></TR></TBODY></TABLE>
</div>

跟我说

---

是否可以使用javascript更改“与我交谈”文本？

是的，您需要获取元素，然后将新值设置为

元素。innerHTML

。如果您给想要更改但不需要更改的元素一个

id

，这是最简单的

var usersec=document.getElementById（'usersec'）；
var td=usersec.getElementsByTagName（'td'）[0]；
td.innerHTML='新值'；

如果您的用户群是IE8+，您可以安全地使用

查询选择器

：

var container = document.getElementById('usersec');
var td = container.querySelector('tr:first-child > td');
if(td){
  td.innerHTML = "New Text!";
}

下面是一个JSFIDLE：

---

querySelector

（或

queryselectoral

）允许您通过CSS语法以DOM中的元素为目标，这非常有用。它在当前和以前的所有浏览器中都得到了很好的支持。（via）

您可以为TD分配一个id，并使用该id

<div id="usersec">
<TABLE style="TEXT-ALIGN: center; WIDTH: 279px; HEIGHT: 70px">
<TBODY>
<TR>
<TD style="FONT-FAMILY: Verdana" vAlign=center align=middle id="cellToChange">Talk to me</TD>
</TR></TBODY></TABLE>
</div>

<script type="text/javascript">
document.getElementById("cellToChange").innerText = "Go on, talk to me please!";
</script>

跟我说
document.getElementById（“cellToChange”）.innerText=“继续，请跟我说话！”；

您是否只拥有表中的一个

？或者您是在问我们如何在没有

id

属性的情况下查找特定的

，例如基于其内容？您是否愿意使用诸如jQuery之类的库？

<div id="usersec">
<TABLE style="TEXT-ALIGN: center; WIDTH: 279px; HEIGHT: 70px">
<TBODY>
<TR>
<TD style="FONT-FAMILY: Verdana" vAlign=center align=middle id="cellToChange">Talk to me</TD>
</TR></TBODY></TABLE>
</div>

<script type="text/javascript">
document.getElementById("cellToChange").innerText = "Go on, talk to me please!";
</script>