改变文字颜色 onclick

Question

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

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

任何人都可以帮助我吗？ 关于如何开发它的任何想法？ 提前致谢。

Answer 1

做这样的事情：

<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>

Answer 2

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 3

   <p id="text" onclick="func()">
    Click on text to change
</p>
<script>
function func()
{
    document.getElementById("text").style.color="red";
    document.getElementById("text").style.font="calibri";
}
</script>

Answer 4

 function func() { document.getElementById('text').style.fontSize='50px'; document.getElementById('text').style.color='blue'; }

 <p id="text" onclick="func()">Font and color will be changed</p> <button type="button" onclick="func()">Click here!</button>