当我添加<br>在文本字段中,它被视为命令而非字符串
When I add <br> in a textfield it is taken as a command not a string
下面的代码将文本字段中写入的字符串放入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>
如果额外的"
只是问题中的一个拼写错误,您可以将其写成<br>
。
-
<
是<
-
>
是>
如果额外的"
也是您的代码中发现的拼写错误,您最好在尝试其他操作之前将其删除。
在Javascript中,为了防止解析textarea
和input
元素中的HTML内容,您可以使用innerText
而不是innerHTML
如下所示:
document.getElementById("def").innerText // instead of innerHTML
您应该更换
document.getElementById("def").innerHTML += inp;
带有
document.getElementById("def").textContent += inp;
以防止处理html标签
相关文章:
- 如何在JavaScript中将字符串转换为函数引用
- jQuery中是否内置了任何字符串格式化函数
- 如何在javasciipt中添加单引号到字符串,该字符串将在nodeJS中作为mysql插入命令执行
- 有人能用for循环和splice命令帮助编辑Javascript字符串吗
- 当用户在命令提示符中选择任何字符串时,节点Js不为任何请求提供服务
- 命令 gotoIf 和 storeAlertPresent 到 Selenium IDE 中的一个字符串.纠正我
- 将 grunt 命令行选项解释为字符串
- 如何从命令行更新mongodb字符串字段
- Javascript字符串.replace.组合多个.replace.命令
- 用javascript字符串中的html实体替换(LaTeX)命令
- 在不使用eval()的情况下从字符串执行jquery命令
- addeventlistener命令的type command的字符串值是什么?
- 如何让Eclipse命令完成与Java脚本字符串相关的函数
- 解析node.js命令行中包含正斜杠的字符串
- JSON.将其字符串化,然后作为命令行参数发送
- 在JavaScript中将字符串解析为命令和参数
- 我如何将转义的javascript字符串作为参数传递到windows命令行
- 当我添加<br>在文本字段中,它被视为命令而非字符串
- 如何使用Javascript解析LINUX命令字符串中的标志值
- 将字符串从网页传递到php,然后传递到Obj-C命令行工具的正确方法