javascript - 背景が変わったときにテキストの色を動的に変更する（javascript）

Question

テキストがオーバーレイされた画像スライダーがあります。画像のテーマ（明るいまたは暗い）に応じて、テキストの色を黒または白に変更したいと思います。

複雑にしすぎたくないので、画像のテーマを手動で指定したいと思います。したがって、たとえば、次のように機能する可能性があります。

If imagetheme == 'light'
textcolor == #000

...およびその逆。

score 2 · Accepted Answer

要素に配置されたテーマクラスに反応するスタイルシートを用意し<body>ます (例: .light)。混乱はありません。

score 0 · Accepted Answer

ほとんど自分で書いたと思います！私はするだろう..

if ( var imagetheme == 'light' ) {
  var textcolor = '#000';
}
else if { var imagetheme == 'dark' ) {
  var textcolor = '#fff';
}

または、Javascript の三項演算子で記述できます。

var imagetheme == 'light' ? var textcolor = '#000' : var textcolor = '#fff';

2 に答える 2