jQuery创建的页面元素没有显示在源代码中是否正确

我有以下代码（代码段）：

var numRows = $table.find('tbody tr').length; var numPages = Math.ceil(numRows / numPerPage); var $pager = $('
'); for(var page =0; page < numPages; page++) { $('' + (page + 1) + '') .appendTo($pager).addClass('clickable'); } $pager.insertBefore($table); 

当我查看页面源时，我没有看到"<div class="...代码？这是正确的吗？

Answer 1

是。 源仅用于构建表示文档的初始DOM 。 动态创建的元素仅插入DOM中。

但是你可以使用像DOM的WebInspector或Firefox extionsion Firebug这样的DOM查看器来分析这些元素。 Firefox还可以通过在上下文菜单中选择View Selection Source选择该元素来显示代表此类动态创建元素的源代码。

Answer 2

是的他们没有出现，

使用javascript创建的元素在浏览器的“查看源代码”部分中不可见。

Answer 3

是的，这是正确的。

在firefox中，您可以通过选择页面上的所有内容（ctrl + a）然后使用rightmouse +视图选择源来查看最新的源代码。 或者甚至更好，你应该安装firebug。

Answer 4

是。 元素直接添加到DOM，而不是通过普通视图源可见。

Answer 5

如果您需要查看它，可以使用FireBug查找它。

Answer 6

在IE中，按下F12然后在HTML部分中，您可以按刷新按钮查看更新的代码。