Html 使用下拉列表更改网页的文本颜色_Html

Html 使用下拉列表更改网页的文本颜色

html

Html 使用下拉列表更改网页的文本颜色,html,Html,我想知道如何使用下拉菜单更改网页的文本颜色，我已经成功地使用下拉菜单更改了背景颜色以下代码：有人能告诉我如何做到这一点吗？更改元素的文本颜色： document.body.style.color="#"+backGround.options[backGround.selectedIndex].value 请参阅。首先，将您的javascript移出到一个单独的函数中（这是一个很好的练习，可以使其更易于阅读/更新），并设置onChange（）；调用该函数，并将select的值传递给它然后

我想知道如何使用下拉菜单更改网页的文本颜色，我已经成功地使用下拉菜单更改了背景颜色以下代码：

有人能告诉我如何做到这一点吗？

更改

元素的文本颜色：

document.body.style.color="#"+backGround.options[backGround.selectedIndex].value

请参阅。

首先，将您的javascript移出到一个单独的函数中（这是一个很好的练习，可以使其更易于阅读/更新），并设置onChange（）；调用该函数，并将select的值传递给它

然后将您的函数写成如下：

<html>
    <head>
        <script type="text/javascript">
            function updateTextColour(value) {
                document.body.style.color = '#' + value;
            }
        </script>
    </head>
    <body>
        <form>Change the background color:
            <select name="backGround" size="1" onChange="updateTextColour(this.value)">
                <option value="000000">[Black]</option>
                <option value="FF0400">[Red]</option>
                <option value="EFE800">[Yellow]</option>
                <option value="05EF00">[Green]</option>
                <option value="0206FF">[Blue]</option>
                <option value="FFFFFF" selected>[White]</option>
            </select>
        </form>
    </body>
</html>

所以，你的代码可以工作，但你仍然需要帮助？是的，它工作得很好。它的问题是什么是的，上面的代码可以工作，但那是为了改变网页的背景色，我需要的帮助是如何使用下拉菜单改变网页上的文本颜色list@Jordan和PSR，读问题。。。Jc，你在找家庭作业帮助吗？我想电视上有很多复制品，所以。。。谢谢你的帮助，太好了appreciated@JcB不客气。@sturdy女士谢谢你的帮助，你让我更容易理解，@Antony它工作得很好；JSFiddle在执行这样的函数时有困难。尝试在本地运行它。@HyperAnthony我发布了一个错误的链接，它应该是（非工作解决方案）。他的回答漏掉了一个关键的“#”，这使得它在JSFIDLE中不起作用。试试（一个有效的解决方案）。谢谢@antony，我已经更新了我的答案！我在当地测试过，效果很好。。。我想Chrome更宽容一点：）

document.body.style.color = "red";
document.body.style.color = "blue";
document.body.style.color = "grey";