使用 javascript 更改 td 内容 html table

Question

我有这个 HTML 代码，我想使用 Javascript 更改 table 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>

使用 javascript 更改 td 内容 html table

Change td content html table using javascript

javascript

html-table

tr