使用Javascript将HTML注释插入页面

时间:2013-07-29 18:49:06

标签: javascript jquery html

我有一个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>');
    }
}

3 个答案:

答案 0 :(得分:2)

您提供的任何逻辑都不会对test_comment变量做任何事情。

正如其他人所说,只需查看源代码就会显示页面的原始源代码,而不会在页面加载后显示任何DOM更改。您需要使用Firebug或Chrome开发工具检查源代码。

另外,如果要向DOM正确添加注释,可以使用document.createComment()方法。

答案 1 :(得分:1)

//假设您只是查看页面的来源。

你的问题是,jQuery在构建之后就会操纵它。

DOM是根据您所看到的页面来源构建的,并且查看来源&#39;。

要查看修改后的源,请检查元素或使用类似工具的firebug。

您也可以通过jQuery获取源代码。尝试提醒您正在更新的元素的.html()

答案 2 :(得分:0)

如果您使用老式的视图源工具,您可能会看到原始来源。您可以使用Inspect Element工具阵列验证FF中的更改。它们在更新后显示当前的DOM。