使用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>