如何为 javascript 添加样式？ [关闭]

Question

我有一个带有数据网格的页面，当我打印它时，我只想打印数据网格。单击打印时，页面中的所有其他元素（左侧导航、页眉、页脚等）都将被删除，并且仅显示必要的部分（位于名为 printdiv 的 div 中）。但不幸的是，我无法让它显示我想要的背景。请帮忙！！！ 我需要背景为白色，但它是灰色的，这是网站其余部分的背景，有没有办法单独更改表单的背景？

这是我正在使用的 javascript

            <div id="printDiv" >

                <div id="maincontent-right-wrapper">
                    <div class="page-heading">
                        <spring:message
                            code="rmp.store_performance_yearly.page_header.store_performance_yearly" />
                    </div>

                    <!--shop starts-->
                    <div class="shop-promoter-wrapper">
                        <div class="shop-promoter-inner">

                            <ul>
                                <li><spring:message
                                        code="rmp.store_performance_yearly.label.store" /></li>
                                <li>&nbsp;</li>
                                <li><form:select path="storeid">
                                        <form:options items="${StoreList}" itemValue="storeId"
                                            itemLabel="storeName" />
                                    </form:select></li>
                                <li><img src="../static/images/spacer.gif" width="26"
                                    height="1" /></li>

                                <li><spring:message
                                        code="rmp.store_performance_yearly.label.year" /></li>
                                <li>&nbsp;</li>
                                <li><form:select path="year">
                                        <form:options items="${YearList}" />
                                    </form:select></li>

                                <li>&nbsp;</li>
                                <li><a href="#" onclick="callGo(1)">
                                        <div class="button-wrapper">
                                            <div class="button-left">&nbsp;</div>
                                            <div class="button-middle">
                                                <spring:message
                                                    code="rmp.store_performance_yearly.button.go" />
                                            </div>
                                            <div class="button-right">&nbsp;</div>
                                        </div>
                                </a></li>

                            </ul>

                        </div>
                    </div>

Answer 1

代码值一千字，但仅供参考的浏览器通常不打印背景，是否打印是用户控制的设置。所以你最好的选择是不使用背景（浏览器不打印它们是有原因的，结果往往不是很好）或制作任何你想在页面上拥有实际元素的背景，在 div 后面（ Z 顺序较低）。

Answer 2

你可以用 css 做到这一点。您所要做的就是添加另一个用于打印的 css 声明，如下所示：

<LINK rel="stylesheet" type"text/css" href="print.css" media="print">

因此您可以使用以下类：

.style1 {display: none;}

在您不想打印的每个元素的 print.css 文件中