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