如何使用JavaScript控制大括号或大括号{}内段落(<p>标记)内任何文本的字体粗细

Question

如果使用JavaScript在ap标签内括起来,我希望能够控制文本的字体权重.

例如:母牛跳过{moon}.{}内的font-weight会增加.

这样最终用户就可以将其输入到文本区域中,然后提交将打印到页面,以更改大括号或大括号内的字体粗细.

对此的任何帮助都会很棒.

Answer 1

在本地你可以这样处理：

<!DOCTYPE html>
<html>
    <head>
        <script>
            function transfer(){
                document.getElementById("result").innerHTML=document.getElementById("demo").value.replace(/{/g,'<strong>').replace(/}/g,'</strong>');
            }
        </script>
    </head>
    <body>
        Input: <input type="text" name="input" id="demo"><br>
        <input type="button" value="Submit" onclick="transfer();">
        <p id="result"></p>
    </body>
</html>

如果您将文本提交到服务器，则可以在服务器端类似地完成魔法。