關於Java代碼創建的HTML代碼的問題

Question

我有一個JavaScript函數，可將datagrid的標頭放入THEAD標記中。 該代碼在body onload事件上觸發並正常運行。

但是，當我查看源代碼時，看不到這些動態生成的代碼。 我想在那里看。 我該怎么做？

function AddTHEAD(tableName)
{
   var table = document.getElementById(tableName); 
   if(table != null) 
   {
    var head = document.createElement("THEAD");
    head.style.display = "table-header-group";
    head.appendChild(table.rows[0]);
    table.insertBefore(head, table.childNodes[0]); 
   }
}

編輯：我想談一談我為什么需要這樣做：通過上面的功能，我希望在打印頁面時在每頁上顯示Datagrid的標題。

為此，我在下面有css代碼。 當我手動添加THEAD標簽時，它可以正常工作。 但是，當它由Javascript創建時，可以在打印預覽中看到，而不能在實際打印中看到。

    tHead
   {
    display : table-header-group;
   }

Edit2：我找到了一個線索。 當我首先打開打印預覽頁面，然后單擊那里的打印按鈕時，它可以工作。 但是當我直接點擊運行window.print javascript代碼的打印按鈕時，它不起作用。 誰能找到解決方案？

Answer 1

您將無法使用“查看源代碼”查看javascript生成的代碼。 這是因為您正在查看由Web服務器生成的源，並且正在尋找的HTML代碼是由Web服務器提供HTML之后的客戶端JavaScript生成的。

如果要查看由javascript生成的代碼，請安裝Firebug for Firefox，然后使用“檢查元素”功能（在屏幕上的元素上單擊鼠標右鍵）。

Answer 2

現在可以在可變source 。

var source = document.getElementById(tableName).innerHTML;
// show the source
alert(source);