如何用JavaScript,在输入框中输入颜色,改变相对应文字的颜色?_百度...
发布网友
发布时间:2022-04-30 07:09
我来回答
共3个回答
热心网友
时间:2022-05-15 16:12
<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>
//楼主这个答案你先看着 应该对你有用的
热心网友
时间:2022-05-15 17:30
方法:
给“文字”的HTML元素改变属性。
比如,给<font>标签的color属性赋值,就是你说的文本框输入的值。
通用的方法是改变 style,比如 style="color:red;"
用 jQuery 是很容易的,只要一句话:
$('#textId').css('color', 'red');
不用框架也不难
document.getElementById("textId").setAttribute("style", "color:red;");
热心网友
时间:2022-05-15 19:05
建议使用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" :.........
}
}
})