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

时间:2013-05-10 12:13:46

标签: javascript html

我得到了这个代码,但是任何人都可以解释它是如何工作的

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

3 个答案:

答案 0 :(得分:3)

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

如果您希望每三秒更改一次,请使用setInterval功能。

答案 1 :(得分:1)

第一行获取具有给定ID的元素的DOM节点(在这种情况下为film)。 第二行从该节点获取style对象,并将color属性设置为redwhite,具体取决于当前值。

答案 2 :(得分:1)

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

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