javascript - 使用javascript更改td内容html表

Question

我有这个 HTML 代码，我想使用 Javascript 更改表 td 内容(使用新内容而不是旧内容)。 我该怎么做？

    <table>
    <tr>
    <td><label class='A' >A:</label> </td>
    <td class='myClass'/>Old Content</td> 
    </tr>
    </table>

Answer 1

简单:

var element = document.querySelector('.myClass')

// If your content contains only text:
element.textContent = 'New Content'

// If your content contains more complicated tags:
element.innerHTML = '<strong>New Content</strong>'

<table>
  <tr>
    <td><label class="A">A:</label></td>
    <td class="myClass">Old Content</td>
  </tr>
</table>