背景更改时动态更改文本颜色(javascript）

Change text color dynamically when background changes (javascript)

本文关键字：javascript 颜色 动态 背景 文本      更新时间：2023-09-26

>我有一个图像滑块，上面覆盖着文本。我想根据图像的主题（浅色或深色）将文本颜色更改为黑色或白色。

我想手动指定图像的主题，因为我不想使事情过于复杂。例如，它可以像这样工作：

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

。反之亦然。

有一个样式表，对放置在<body>元素上的主题类做出反应（例如 .light ）。没有乱七八糟的。

我想你几乎是自己写的！我会做的..

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';
相关文章：