【发布时间】:2017-12-06 12:28:21
【问题描述】:
我正在尝试在div 中添加一些 HTML 代码和文本。如果我只添加一个文本没有任何问题。但是如果我用 HTML 代码添加一些文本,它会自动在我的文本中添加引号。
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title></title>
<script>
function test() {
document.getElementById("viewer1").innerHTML = "text";// this is not add any quote to text
document.getElementById("viewer2").innerHTML = "text <b>Bold Text</b>"; //this is add quote to text but not add quote to <b>Bold Text</b>
}
</script>
</head>
<body>
<div id="viewer1"></div>
<div id="viewer2"></div>
<button onclick="test()">Test it</button>
</body>
</html>
看起来像这样
viewer1 content = text viever2 content ="text" <b>Bold Text</b>
我不想要引号。如何将其移除?
看看下面的截图:
【问题讨论】:
-
这就是 Chrome 检查器格式化文本节点的方式。你为什么关心它在检查器中的样子?
-
引号是只是文本节点的表示
-
@Ryan 如果我没记错的话,这与
space无关 -
@A.Wolff:啊,你说得对,Chrome 只是在每个文本节点周围加上引号。
-
感谢您的 cmets。它很重要,因为我用它来存储数据。但如果它没有改变它。它不会有问题。我认为它改变了我的数据。
标签: javascript jquery dom innerhtml