如何修改.innerHTML文本？

Question

這就是我的身體標簽中的內容：

<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。 我試圖用“ new text”將字體外觀標簽放在引號中（和引號外）：

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";

Answer 2

只需在段落中使用CSS樣式即可。 “字體大小”可以完成任務。

<div class="my-block">

<p id="demo" style="font-size:25px";>

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>

</div>

Answer 3

這是您的代碼：

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

這應該是：

<div class="my-block">

    <p id="demo">

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

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

    <script>
        function myFunction() {
        document.getElementById("demo").innerHTML = "New text"; 
        // or u can do this too :
        document.getElementById("demo").innerHTML = "<font size="5"> New text </font>";
    }
    </script>

    </font>
    </p> 
</div>

查看<p></p>標記
但僅供參考，HTML5不支持<font></font>標記

Answer 4

檢查您的報價。 您必須在不將其轉義的情況下將“”包含在“”中，但反之亦然。 同樣不建議使用'font'標簽。

document.getElementById("demo").innerHTML = '<span style="font-weight: bold; font-size: 25px"> New text </font>';