如何设置打印div标签的内容

时间:2011-02-22 20:00:39

标签: javascript

我的网页上有一个div标签,向右滚动很长一段时间。我想创建一个打印按钮,用户可以使用该按钮仅打印div标签中的内容。 感谢您的帮助。

2 个答案:

答案 0 :(得分:0)

像这样的东西

<html>
    <head>
        <style>
        @media print {
            .noprint {
                display: none;
            }
        }
        </style>
    </head>

    <body>

        <div class="noprint">
        Would not print
        </div>

        <div>
        This would print
        </div>

        <div class="noprint">
        Would not print
        </div>

    </body>
</html>

答案 1 :(得分:0)

如果你想要一个基于javascript的解决方案并使用jquery,你可以使用这个插件: http://plugins.jquery.com/project/jqPrint

然后在点击事件中触发它。

$('#elementToClickOn').click(function() {
  $("#divToPrint").jqprint();
});