当我添加<br>在文本字段中,它被视为命令而非字符串

When I add <br> in a textfield it is taken as a command not a string

本文关键字:命令 字符串 字段 lt 添加 br gt 文本      更新时间:2023-09-26

下面的代码将文本字段中写入的字符串放入defdiv中。测试时,如果我输入(作为文本字段中的字符串),它将被视为命令。它不是在defdiv 中写入

<!DOCTYPE html>
<html>
<head>
    <script>
        function add() {
            var inp = document.getElementById("text").value;
            alert (inp);
            document.getElementById("def").innerHTML += inp;
        }
    </script>
</head>
<body>
    <textarea id="text"></textarea><br>
    <button type="button" onclick="add()">submit</button> 
    <div id="def"></div>
</body>
</html>

如果额外的"只是问题中的一个拼写错误,您可以将其写成&lt;br&gt;

  • &lt;<
  • &gt;>

如果额外的"也是您的代码中发现的拼写错误,您最好在尝试其他操作之前将其删除。


在Javascript中,为了防止解析textareainput元素中的HTML内容,您可以使用innerText而不是innerHTML如下所示:

document.getElementById("def").innerText // instead of innerHTML

您应该更换

document.getElementById("def").innerHTML += inp;

带有

document.getElementById("def").textContent += inp;

以防止处理html标签