JavaScript で特定のタグで挟まれた文字列を変更したい


JavaScriptで、あるH3タグの中の文字列を変えたいのですがどうすれば良いでしょうか？

[code]

    <h3 id = "test><font color ="red">ここの文字を変えたい。</font></h3>
    
[/code]



[code]

    document.getElementById("test").innerHTML="<font color='red'>newtext</font>";
    
[/code]

もしfontラベルにもIDを追加したら、

[code]

    <h3 id="test"><font id="test2" color ="red">ここの文字を変えたい。</font></h3>
    
[/code]

以下の通り：

[code]

    document.getElementById("test2").textContent="newtext";
    
[/code]

