javascript - 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" />