按钮单击更改tableheader

Question

我想编写一个javascript函数，它会在按钮单击时更改html-th的名称。我的问题是，我不知道如何获得＆＃34;文本＆＃34; th的。{

document.getElementById("id").text 

和

document.getElementById("id").value 

不能工作。

Answer 1

您应该使用innerHTML

HTML：

<table>
  <thead>
    <tr>
      <th id="headId">Col name</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Info</td>
    </tr> 
  </tbody>
</table>

<input type="button" value="Click" onclick="getHeadName()" />

JS：

function getHeadName() {
    var headName = document.getElementById("headId").innerHTML
}