如何用JavaScript，在输入框中输入颜色，改变相对应文字的颜色？
如何用JavaScript，在输入框中输入颜色，改变相对应文字的颜色？如在文本框中输入红色或者“red”等，然后点击提交按钮，在网页中区域内的文字就相对应的改变颜色。谢过...
如何用JavaScript，在输入框中输入颜色，改变相对应文字的颜色？
如在文本框中输入红色 或者“red”等，然后点击提交按钮，在网页中区域内的文字就相对应的改变颜色。
谢过了！！ 展开
如在文本框中输入红色 或者“red”等，然后点击提交按钮，在网页中区域内的文字就相对应的改变颜色。
谢过了！！ 展开
3个回答
展开全部
<script>
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>
//楼主这个答案你先看着 应该对你有用的
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>
//楼主这个答案你先看着 应该对你有用的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
秋秋
2024-11-01 广告
AI群答汇小程序,可以免费生成文案，智能问答，回答问题简单快捷，积极探索面向普通人的AI工具,向广大的普通人群提供简洁高效,即用的免费多模型人工智能(AI)问答服务.进入微信小程序即可免费使用...
点击进入详情页
本回答由秋秋提供
展开全部
方法：
给“文字”的HTML元素改变属性。
比如，给<font>标签的color属性赋值，就是你说的文本框输入的值。
通用的方法是改变 style，比如 style="color:red;"
用 jQuery 是很容易的，只要一句话：
$('#textId').css('color', 'red');
不用框架也不难
document.getElementById("textId").setAttribute("style", "color:red;");
给“文字”的HTML元素改变属性。
比如，给<font>标签的color属性赋值，就是你说的文本框输入的值。
通用的方法是改变 style，比如 style="color:red;"
用 jQuery 是很容易的，只要一句话：
$('#textId').css('color', 'red');
不用框架也不难
document.getElementById("textId").setAttribute("style", "color:red;");
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
建议使用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" :.........
}
}
})
在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" :.........
}
}
})
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
