更改文字顏色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>