0

jsfiddleでこのコードを使用してテーブルに境界線を動的に追加しています。これは FF と Chrome で動作しますが、IE8 では動作しません (またはエラーをスローします)。誰が何が悪いのか教えてもらえますか?

[編集] 特定の質問に対する正確な回答ではありませんが、私の実際の問題に対する最良の解決策は、css クラスを動的に設定 (追加) することでした。これは、私が関心のあるすべてのブラウザーで機能しました。

CSS:

td.bleft {
border-left:2px solid black;
}

JS コード (「セル」は td 要素を指します):

cell.className += " bleft";
4

2 に答える 2

2

推測として、style.borderRight代わりに試してみstyle['border-right']ます。

于 2012-06-08T22:10:23.487 に答える
0

個々のパーツごとに複合的な「便利な」スタイルを更新する必要があります。あなたのフィドルが更新されました。

コードは次のとおりです。

for (var i = 0; i < tbl.rows.length; i++) {
    tbl.rows[i].cells[0].style["borderRightWidth"] = "2px";
    tbl.rows[i].cells[0].style["borderRightColor"] = "black";
    tbl.rows[i].cells[0].style["borderRightStyle"] = "solid";
}

あなたのものは私にとってFirefoxでは機能しませんでした（変更するまで）。

于 2012-06-08T22:11:02.713 に答える