javascript - 关于由 Javascript 代码创建的 HTML 代码的问题

Question

我有一个 javascript 函数，可以将 datagrid 的 header 放入 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;
   }

编辑2:我发现了一条线索。当我首先打开打印预览页面然后单击那里的打印按钮时，它就起作用了。但是当我直接单击运行 window.print javascript 代码的打印按钮时，它不起作用。谁能有解决办法吗？

Answer 1

您将无法使用“查看源代码”查看 javascript 生成的代码。这是因为您正在查看由网络服务器生成的源代码，而您正在查找的 HTML 代码是在网络服务器提供 HTML 后由客户端 javascript 生成的。

如果你想查看javascript生成的代码，请安装Firebug对于 Firefox，并使用“检查元素”功能(右键单击屏幕上的元素)。