0

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

3 回答 3

3

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

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

此外，如果您想正确地向 DOM 添加评论，您可以使用document.createComment()方法。

于 2013-07-29T18:55:23.013 回答
1

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

您的问题是，jQuery 在构建 DOM 后对其进行操作。

DOM 是基于您通过“查看源代码”看到的页面源代码构建的。

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

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

于 2013-07-29T18:53:21.837 回答
0

如果您使用老式的查看源代码工具，您可能会看到原始源代码。您可以使用 Inspect Element 工具数组来验证 FF 中的更改。它们在更新后显示当前的 DOM。

于 2013-07-29T18:52:06.000 回答