자바 스크립트를 사용하여 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>