Question

在我的代码中，所有表格标题都有一个css样式设置 - <th>

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

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

我的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" />

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

1 个答案: