Question

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

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

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

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，那么非常优雅{{ 1}}

请注意，当您以这种方式分配事件处理程序时，它会从HTML中获取功能。另请注意，您将其设置为等于函数名称 - 否（）。如果你做了$(document).ready(function() { ... } );，那么当设置处理程序时，该函数实际上会执行。

我很好奇 - 你知道脚本改变背景颜色，但不是文字颜色吗？奇怪：）

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>

更改文本颜色onclick

3 个答案: