如何用JavaScript，在输入框中输入颜色，改变相对应文字的颜色？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何用JavaScript，在输入框中输入颜色，改变相对应文字的颜色？相关的知识，希望对你有一定的参考价值。
如何用JavaScript，在输入框中输入颜色，改变相对应文字的颜色？
如在文本框中输入红色 或者“red”等，然后点击提交按钮，在网页中区域内的文字就相对应的改变颜色。
谢过了！！
function changecl()
var cl = document.getElementById
("uname").value;
document.getElementById
("bgc").style.color = cl;
</script>
<body>
<b id="bgc" style="color:red">asd</b>
<input type="text" id="uname" value=""/>
<input type="button" value="确定" onclick="changecl()"/>
</body>
//楼主这个答案你先看着 应该对你有用的 参考技术A 方法：
给“文字”的HTML元素改变属性。
比如，给<font>标签的color属性赋值，就是你说的文本框输入的值。
通用的方法是改变 style，比如 style="color:red;"
用 jQuery 是很容易的，只要一句话：
$('#textId').css('color', 'red');
不用框架也不难
document.getElementById("textId").setAttribute("style", "color:red;"); 参考技术B 建议使用Javascript的框架jQuery
在jQuery中这是很简单的事情
css style
.red-input
color:red;
.blue-input
color:blue
.....
.....
$("#提交按钮ID").click(function()
switch($("#文本框ID").val())
case "red":$("#要更改颜色的ID").addClass("red-input");
case "blue" :.........
)
以上是关于如何用JavaScript，在输入框中输入颜色，改变相对应文字的颜色？的主要内容，如果未能解决你的问题，请参考以下文章