文章/答案/技术大牛

发布

社区首页 >问答首页 >使用javascript将父div传递给弹出div

问使用javascript将父div传递给弹出div
EN

Stack Overflow用户

提问于 2011-07-29 16:20:09

回答 2查看 912关注 0票数 1

我正在为一个客户设计一个页面，我在名为'areaToPrint‘的div中有一个数据库表，我想以某种方式打印它，并且我希望能够对该表进行格式化。基本思想是使用javascript将'areaToPrint'.innerhtml发送到我的css格式文件printer.php中名为'printer‘的div中。

//我在主页/父页面中的脚本

<script>
function printDiv()
{
var divToPrint=document.getElementById('areaToPrint');
var newWin = window.open("printer.php");
newWin.document.getElementById('printer').innerHTML=divToPrint.innerHTML;
newWin.print();
newWin.close();
}
</script>

// Printer.php内的body元素

<body>
<div id="printer"></div>
</body>

我想让areaToPrint的内容填充弹出的printer.php中的打印机div。我可以使用类似的东西来完成类似的任务

newWin.document.write(divToPrint.outerHTML)

但是我希望能够对div中的表格进行css格式化。(使用链接调用javascript )

对javascript的缺陷有什么建议吗？

outerhtml

javascript

html

innerhtml

回答 2

Stack Overflow用户

发布于 2011-07-29 16:24:16

也许jQuery会对你有帮助

$(this).parent()
$("someone").css()
$("someone").addClass()

票数 1

Stack Overflow用户

发布于 2011-07-29 18:10:36

除非您希望使用JavaScript动态格式化表格(例如，根据交互更改视觉样式)，否则最简单的方法是在printer.php视图模板中包含一个样式表。

例如：

<html>
    <head>
        <link rel="text/css" media="print" href="css/print.css" />
    </head>
    <body>
        <div id="printer"></div>
    </body>
<html>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/6870426

复制

相似问题

问使用javascript将父div传递给弹出div
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用javascript将父div传递给弹出divEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用javascript将父div传递给弹出div
EN