javascript - 在 HTML 中每 3 秒更改一次文本的颜色

Question

我得到了这段代码，但谁能解释一下它是如何工作的

var text = document.getElementById('film');
text.style.color = (text.style.color == 'red') ? 'White' : 'red';

Answer 1

它通过 id 找到一个 html 元素，然后如果其 style 属性的 color 属性为红色，则切换为白色；否则它会变红。非常不言自明，如果你不明白，我建议你寻找更多关于 Javascript 的学习材料。

如果您希望它每三秒更改一次，请使用setInterval函数。

Answer 2

第一行获取具有给定 ID 的元素的 DOM 节点（film在本例中）。第二行style从该节点获取对象并将color属性设置为red或white，具体取决于当前值。

Answer 3

它是 If-else 循环的替代方案。也可以这样看。

   if(text.style.color == 'red')
       text.style.color = 'White';
   else
       text.style.color = 'red';