我可以创建一个内容并像这样添加DOM:
var $div = $('<div />');
$div.attr('id', 'my-awesome-div');
创建此div并将其添加到DOM,因为在您检查页面时可以看到它,但在查看页面源时不会显示。有没有办法以可以在源代码中显示的方式动态创建内容?
答案 0 :(得分:2)
“Inspect element” - 显示DOM的当前状态,包括动态生成的元素。 “查看源代码” - 仅显示原始DOM ,它是由页面的html输出(没有动态元素)创建的。
有没有办法以可能的方式动态创建内容 也可以在源代码中看到?
话虽如此,动态内容也可以由服务器端语言(如PHP,Java等)生成。
答案 1 :(得分:2)
除非您使用Firebug for Firefox或Google Chrome检查器等开发工具,否则无法使用。
答案 2 :(得分:2)
查看页面源仅显示正在显示的文件的静态内容。 检查elemnet还会显示所有动态生成的元素。
此外,执行相同操作的简便方法如下,
var $div = $('<div />',{'id':'my-awesome-div'});
答案 3 :(得分:2)
Is there any way to create a content on the fly in a way that it can be shown in the source code as well?
简单的答案是
第一次创建页面源并且它不会更改