为什么Javascript innerHTML会自动为我的字符串添加引号?

时间:2017-12-06 12:28:21

标签: javascript jquery dom innerhtml

我正在尝试在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>

我不想要报价。它怎么能被删除?

请看下面的截图:

enter image description here

1 个答案:

答案 0 :(得分:4)

报价不会显示在网页中。它只适用于chrome控制台节点。