javascript - 尝试在javascript中单击时更改文本的颜色

Question

所以我试图制作一些东西，每当我点击文本时它就会改变颜色。

Javascript:

function changecolor(){
    var tc = document.getElementById("header").style.color.value;
    if  (tc = "#000000") { tc = "#0009FF"}
    else if (tc == "#0009FF") { tc = "#FF0000"}
    else if (tc == "#FF0000") { tc = "#15FF00"}
    else if (tc == "#15FF00") { tc = "#FFA600"}
    else {tc = "#000000"};
    document.getElementById("header").style.color.value = tc;
}

html:

<div onclick="changecolor()"><h1 id="header" style="color:#000000;"> Nick's Basic Physic's Calculator </h1></div>

它不起作用，我一直无法弄清楚为什么。当我点击文本时没有任何反应。

Answer 1

改变

document.getElementById("header").style.color.value = tc;

到

document.getElementById("header").style.color = tc;

工作示例:

http://jsfiddle.net/xEyLf/