在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';