0

在我的代码中，所有表头都有一个 CSS 样式设置 -<th>

我没有为自己的 Css 进行设置，但直到现在对我来说还可以，所以我没有尝试编辑这些。

但是现在我必须打印页面，并且设置为#ffffff 它的字体颜色在背景上肯定看起来不错，但在打印出来时它不会显示

我的 CSS 是这样制作的

    #TBLtime th , #TBLparam1 th , #TBLparam2 th
    {
    font-size:12px;
    text-align:right;
    padding-top:5px;
    padding-bottom:4px;
    background-color:#A7C942;
    color:#ffffff;
    }

所以 id 选择器是每个元素的，你如何更容易从 javascript 控制/修改

说我需要改变颜色属性。我将如何从 javascript 访问它？

    function DocPrnt() {
        document.getElementById(id).style.color = "black";
        print();
    }

有没有更好的选择让选择器易于从 JS 访问，或者这是常见的方法？

4

1 回答 1

2

好吧，对于纯 JavaScript 解决方案，这可能有效：

function DocPrnt() {
    var headerCells = [],
        i = 0;
    headerCells = document.getElementsByTagName('th');
    for (i = 0; i < headerCells.length; i += 1) {
        headerCells[i].style.color = "#000000";
    }
    print();
}

就个人而言，我只是添加一个新的样式表仅用于打印：

<link rel="stylesheet" type="text/css" href="/print.css" media="print" />
于 2012-10-11T21:44:04.957 回答