使用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。