获取Body内容并将其包装在元素中以显示类似iframe的内容

时间:2013-09-13 00:11:05

标签: jquery document-body

好的,所以我需要将body标签中的所有html包含在一个<div class="wrap" />内,该<body>位于body标签内(深入其中)。此代码需要在<script>标记内部运行,因此我们认为我们需要将代码附加到头部或在第一个wrap标记之后添加代码并从那里运行。

我希望它基本上将整个主体内容输出到同一页面(在正文中)的overflow: auto;类的div中,并根据需要使用滚动条,所以.wrapInner并且最多可能需要使用<div class="wrap" />,但我不确定如何完全处理它。所以它应该被插入{{1}}并且会模仿iframe的想法,但不完全是。

1 个答案:

答案 0 :(得分:0)

正如您所说,您需要使用.wrapInner()

jQuery(function(){
    $('body').wrapInner('<div class="wrap" />')
})

演示:Fiddle

对于你的第二个问题:用代码(来自体内)动态创建wrap元素会不会更好,或者从一开始(从体内)让它成为DOM的一部分?

如果更改标记总是比使用稍后使用脚本修改dom更好