每3秒我得到這個代碼,但任何人都可以解釋我是如何工作更改文本的顏色在HTML
var text = document.getElementById('film');
text.style.color = (text.style.color == 'red') ? 'White' : 'red';
每3秒我得到這個代碼,但任何人都可以解釋我是如何工作更改文本的顏色在HTML
var text = document.getElementById('film');
text.style.color = (text.style.color == 'red') ? 'White' : 'red';
它是If-else循環的替代方案。這也可以看出來。
if(text.style.color == 'red')
text.style.color = 'White';
else
text.style.color = 'red';
它通過它的ID找到一個HTML元素,那麼如果它的風格的顏色屬性屬性爲紅色,則切換爲白色;否則會變紅。相當自我解釋,如果你不明白,我建議你尋找更多有關Javascript的學習材料。
如果您希望每三秒更改一次,請使用setInterval函數。
第一行獲取具有給定ID的元素的DOM節點(在這種情況下爲film
)。 第二行從該節點獲取style
對象,並將color
屬性設置爲red
或white
,具體取決於當前值。
['document.getElementById'](https://developer.mozilla.org/en-US/docs/DOM/document.getElementById),['element.style'](HTTPS://顯影劑.mozilla.org/en-US/docs/DOM/element.style),[Conditional Operator](https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Operators/Conditional_Operator)... – VisioN 2013-05-10 12:15:25
它使用[ternary運算符](https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Operators/Conditional_Operator)在顏色之間切換。 – jbabey 2013-05-10 12:15:33
可能的重複[在這個函數中問號是什麼意思?](http://stackoverflow.com/questions/7023317/what-does-the-question-mark-mean-in-this-function) – Quentin 2013-05-10 12:16:41