javascript - 如何修改.innerHTML文本？

Question

这就是我的 body 标签中的内容:

<div class="my-block">

    <p id="demo">

    <font size="5">Old text<br><br>

    <b><text onClick="myFunction()">Click here to continue!</text></b></p> 

    <script>
        function myFunction() {
        document.getElementById("demo").innerHTML = "New text"; 
    }
    </script>

    </font>
</div>

这可以像我想要的那样替换文本，但是格式(如文本大小)更改为 .innerHTML 中的默认值，我似乎不知道如何恢复它。我可以将其设置为粗体、小体等，但我想像其他一样将大小更改为 5。我尝试将字体标记放在引号中(以及引号外)并使用“新文本”:

document.getElementById("demo").innerHTML = "<font size="5"> New text </font>";

但它不起作用，即使它适用于粗体和小体。

Answer 1

暂时忽略您的无效标记，您的引号嵌套不正确(双引号字符串中的双引号)。尝试一下

document.getElementById("demo").innerHTML = '<font size="5">New text</font>';

或者，只需定位 <font>标签

document.querySelector('#demo > font').innerHTML = "New Text";