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。我试图用“新文本”将字体标记放在引号中（并在引号之外）：

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

但它不起作用，即使它适用于大胆和小。

Answer 1

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

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

或者，只需定位代码

即可

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

Answer 2

只需在段落中使用css样式即可。 “font-size”完成了这项工作。

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

查看标记
但仅为了您的信息，HTML5

不支持标记

Answer 4

检查你的报价。你不能拥有＆＃34;＆＃34;在里面＆＃34;＆＃34;没有逃脱它们但你可以拥有＆＃34;＆＃34;里面＆＃39;＆＃39;反之亦然。还有＆＃39;字体＆＃39;标签已被弃用。

result = [result.join('')];

如何修改.innerHTML文本？

4 个答案: