javascriptを使用してtdコンテンツのhtmlテーブルを変更します

Question

私はこのHTMLコードを使用しており、Javascriptを使用してテーブルコンテンツを（古いコンテンツではなく新しいコンテンツで）変更したいと考えています。 どうすればいいですか？

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