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から/変更を制御しやすくするにはどうすればよいですか

color プロパティを変更する必要があるとします。どうすれば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 に答える