更改文字颜色onclick

Question

我是JavaScript新手。我使用JavaScript开发了一个页面，当我选择一种颜色时，它将作为背景应用于整个页面。

我想开发一个页面，我只能更改文本颜色。它应该改变（从红色到绿色或类似的东西），但不应刷新页面，只应改变所选内容或文本颜色。

任何人都可以帮助我。任何想法如何发展它？提前致谢。

Answer 1

由Sarfraz答案的改写将是这样的，我想：

<script> 

    document.getElementById('change').onclick = changeColor; 

    function changeColor() { 
     document.body.style.color = "purple"; 
     return false; 
    } 

</script> 

你会要么必须把这个脚本在您的页面底部，正好在关闭正文标记之前，或者将处理程序分配放在一个名为onload的函数中 - 或者如果您使用的是jQuery，那么非常优雅$(document).ready(function() { ... });

请注意，当您以这种方式分配事件处理程序时，它将从HTML中取出功能。另请注意，您将其设置为等于函数名称 - no（）。如果你做了onclick = myFunc();该函数实际上会在处理程序被设置时执行。

而且我很好奇 - 你知道足够的脚本来改变背景颜色，但不是文本颜色？奇怪:)

Answer 2

做这样的事情：

<script> 
function changeColor(id) 
{ 
    document.getElementById(id).style.color = "#ff0000"; // forecolor 
    document.getElementById(id).style.backgroundColor = "#ff0000"; // backcolor 
} 
</script> 

<div id="myid">Hello There !!</div> 

<a href="#" onclick="changeColor('myid'); return false;">Change Color</a>