css id 选择器与元素 id 选择器通过 JavaScript 控制样式

Question

在我的代码中有一个 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 访问，或者这是常见的方法？

Answer 1

好吧，对于一个纯粹的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" />