关于HTML代码创建Javascript代码

我有一个JavaScript函数，它将datagrid的头部放入THEAD标签中。此代码触发body onload事件并正确运行。关于HTML代码创建Javascript代码

但是，当我查看源代码时，我看不到这些动态生成的代码。我想在那里看到它。我该怎么做？

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代码的打印按钮，它不起作用。任何人都可以有解决方案吗？

来源

2010-09-24 mavera

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

如果您想查看javascript生成的代码，请为Firefox安装Firebug，并使用“Inspect Element”功能（右键单击屏幕上的某个元素）。

来源

2010-09-24 07:49:39 Calvin

+1为Firebug。 – Lekensteyn 2010-09-24 07:50:26

这也可以在最近的Chrome和Safari的副本中本地完成（尽管Safari要求启用Web Inspector） – Yahel 2010-09-24 07:53:50

感谢您的回复。我编辑了我的问题来解释我的目的。 – mavera 2010-09-24 07:58:49

该源现在可用于变量source。

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

来源

2010-09-24 07:49:56 Lekensteyn

关于HTML代码创建Javascript代码

回答

相关问题