在innerHTML中插入注释

时间:2013-02-21 15:28:29

标签: javascript dom

我正在尝试在innerHTML中插入HTML注释,但它在IE8中不接受。 FF工作正常。

<html>
<head>
    <title>testing</title>
    <script language="javascript">
    function testcmt() {
        var el2 = document.createElement("div");
        el2.innerHTML = "<!--Sample--><p>Sample</p>";
        alert( el2.innerHTML );
    }
    </script>

</head>
<body id="BodyID">
    <h2>Test</h2>
    <input type="button" value="Sample" onmousedown="testcmt(); return false">
</body>

IE仅显示<p>Sample</p>,且评论遗失。有什么指针吗?

1 个答案:

答案 0 :(得分:3)

您最有可能使用document.createComment

function testcmt() {
    var el2 = document.createElement("div");
    el2.setAttribute('id', 'oxe_rem_now' + '232323232323');
    el2.appendChild(document.createComment('text for comment'));
    var p = document.createElement("p");
    p.innerText = "Sample";
    el2.appendChild(p);
    alert(el2.innerHTML);
}

Sample