关于由Javascript代码创建的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:我发现了一个线索.当我首先打开打印预览页面然后单击那里的打印按钮时,它可以正常工作.但是当我直接clik运行window.print javascript代码的打印按钮时,它不起作用.任何人都有解决方案吗？

Answer 1

您将无法使用"查看源"查看javascript生成的代码.这是因为您正在查看Web服务器生成的源,并且您正在查找的HTML代码是在Web服务器提供HTML之后由客户端javascript生成的.

如果要查看javascript生成的代码,请安装Firebug for Firefox,并使用"Inspect Element"功能(右键单击屏幕上的元素).