Question

初学JavaScript，这个代码为什么不循环切换颜色？

测试地址http://www.w3school.com.cn/tiy/t.asp?f=js_intro_style
我把代码如下改了一下，为什么不能循环切换颜色？正确的代码改怎么写？
<script>
function myFunction()
{
x=document.getElementById("demo") // 找到元素
if(x.style.color.match("#ff0000"))
{
x.style.color="#000000"; // 改变样式
}
else
{
x.style.color="#ff0000";
}
}
</script>

Answer 1

因为x.style.color返回的格式不是#xxxxxx, 所以if条件总是false。

Answer 2

在方法最后加下面一行代码:
x.innerHTML = x.style.color;
可以看出,x.style.color返回"rgb(255, 0, 0)",而不是"#ff0000".
根据这个调整就可以了

Answer 3

<script>
function myFunction()
{
x=document.getElementById("demo") // 找到元素
if(x.style.color == "#005500")
{
x.style.color="#dcdcdc"; // 改变样式
}
else
{
x.style.color="#005500";
}
}
</script>

追问

运行通不过，如楼上所说，x.style.color返回"rgb(255, 0, 0)",而不是"#ff0000"。不过你把match改成了==，这个是正确的，仍然感谢

追答

不可能啊！我都试过了！

Answer 4

<p id="demo">
JavaScript 能改变 HTML 元素的样式。
</p>
<script>
var y=0;
function myFunction()
{

x=document.getElementById("demo"); // 找到元素
if(y==0)
{
x.style.color='red';
y=1;
}
else
{
x.style.color='blue';
y=0;
}
}
</script>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>

Answer 5

<script>

function myFunction()

{

x=document.getElementById("demo") // 找到元素

if(x.style.color == "rgb(0, 255, 0)")

{

x.style.color="#dcdcdc"; // 改变样式

}

else

{

x.style.color="#00ff00";

}

}

</script>

注意rbg()的写法，逗号后面必须接一个空格。。