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

```

    <h3 id = "test><font color ="red">ここの文字を変えたい。</font></h3>
    
```
CC BY-SA 4.0
2021-08-04T05:13:12.280
80585
2021-08-05T00:43:07.580
2021-08-04T12:01:43.207
3060
44839
question
javascript
JavaScript で特定のタグで挟まれた文字列を変更したい
```

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

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

```

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

以下の通り：

```

    document.getElementById("test2").textContent="newtext";
    
```
CC BY-SA 4.0
2021-08-05T00:38:07.110
80600
2021-08-05T00:43:07.580
2021-08-05T00:43:07.580
35698
35698
80585
answer