使用Javascript将HTML注释插入页面

Question

我有一个Javascript函数，该函数应将以某种方式设置格式的字符串插入页面，以供另一个团队使用的数据分析工具。 JavaScript的执行没有错误，但是每当我查看页面的页面源代码时，页面上似乎都没有注释。 有谁知道这个问题可能是什么？ 有没有人在将评论写到页面上的经验？ 我以为jQuery在编写HTML注释时可能有任何问题，但事实证明，仅使用计划Javascript DOM操作功能也不起作用。

var test_comment = "<!--This is my comment for data analytics-->";

renderTealeafGrid: function(analyticsString) {

    var homePage,
        analyticsInfo;

    if($('.analyticsInfo').length===0) {
        homePage = document.getElementById('homePage');
        analyticsInfo = document.createElement('span');
        analyticsInfo.setAttribute('class','analyticsInfo');
        analyticsInfo.innerHTML = analyticsString;
        homePage.appendChild(analyticsInfo);
    }
}

renderTealeafGridUsingJQuery: function(analyticsString) {
    if($('.analyticsInfo').length===0) {
        $('#homePage').after('<span class="analyticsInfo hide">' + analyticsString + '</span>');
    }
}

Answer 1

您提供的逻辑都没有对test_comment变量执行任何test_comment 。

正如其他人指出的那样，仅查看源代码将显示页面的原始源代码，而在页面加载后没有任何DOM更改。 您将需要使用Firebug或Chrome开发工具来检查源。

另外，如果要向DOM中正确添加注释，则可以使用document.createComment（）方法。

Answer 2

//假设您只是在查看页面的源代码。

您的问题是，jQuery在构建DOM之后会对其进行处理。

DOM是基于页面源构建的，这就是您通过“查看源”看到的内容。

要查看修改后的源代码，请检查元素或使用萤火虫之类的工具。

您也可以通过jQuery获取源代码。 尝试向.html()警告要更新的元素。

Answer 3

如果使用老式的视图源工具，则可能会看到原始源。 您可以使用工具的“检查元素”数组来验证FF中的更改。 更新后，它们显示当前的DOM。