javascript - 如何复制事件幻灯片的文本颜色并将其应用于另一个 div

Question

您好，我正在使用 slick 创建文本 slider 。 slider 上方有一个标题，我想根据当前事件幻灯片的文本颜色更改文本的颜色。

随着幻灯片的变化，标题文本的颜色也会随之变化。
下面是页面上的代码。

<div id="title" class="title">
  <h3>I just want to say...</h3>
</div>

<div class="myslider">

  <div id="slide1" class="slide">
    <div class="text-wrapper">
      <h1>Hello World!</h1>
    </div>
  </div>

  <div id="slide2" class="slide">
    <div class="text-wrapper">
      <h1>How are you?</h1>
    </div>
  </div>

</div>

我试过了，没用

<script>
  document.getElementById("title").style.color = document.getElementsByClassName("slick-current").style.color;
</script>

如有任何建议，我们将不胜感激。

Answer 1

document.getElementById("title").style.color = document.getElementById("slide").style.color;

您没有 ID 为 slide 的元素，您有 slide1 和 slide2。例如，您可以尝试从 slide1 中获取颜色...

document.getElementById("title").style.color = document.getElementById("slide1").style.color;