Ⅰ 如何用js改变字体的颜色
很简单的:
如果你是在学习JS、遇到了各种问题,那么你一定要来这个企鹅裙,前面前面是二九六,中间是五九一,最后面就是二九0,来这里可以得到专人解答,期待你的加入!!!
<div id="txt">我是要改变的文字</div>
<script>
//首先咱们找到要改变的文字
var txt = document.getElementById("txt");
//然后设置一个标记flag
var flag = true;
//然后点击这个div或者按钮
txt.onclick = function(){
//改变里面文字颜色
if(flag){
this.style.color = "red";
flag = false;
}else{
this.style.color = "#000";
flag = true;
}
}
</script>
Ⅱ js设置字体颜色
js改变字体的颜色是用的“color”属性,xmlHttp.open("GET",URL,true)是设置ajax的请求地址和请求方式,不能去掉。
1、新建html文档,在body标签中添加p标签,标签内容是“演示文本”,这时字体的默认颜色是黑色的:
Ⅲ JS中怎么改变字体的颜色
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
var i = 0;
function changeColor(){
var color = new Array("red","orange","yellow","green","blue","indigo","purple");
var message = new Array("红","橙","黄","绿","蓝","靛","紫");
document.getElementById("color").style.color = color[i];
document.getElementById("message").innerHTML = message[i];
i++;
if(i==color.length){
i = 0;
}
}
setInterval(changeColor,1000);
onload = changeColor;
</script>
</head>
<body>
<h1 id="color" style="color:red;">彩虹的颜色</h1>
<h1 id="message">红</h1>
</body>
</html>
Ⅳ js 改变div 里面的某个文字的颜色
1、新建一个html文件,命名为test.html。
Ⅳ JavaScript改字体颜色
<html>
<head>
<title>Demo</title>
<script language="javascript">
function resetColor(){
var src = document.getElementById("src");
var desc = document.getElementById("desc");
if( !desc ){
return;
}
var value = src.value.toLocaleLowerCase()
var availableColor = ["red","blue","green"];
for(var i=0; i<availableColor.length; i++){
if(availableColor[i].toLocaleLowerCase()
== value){
desc.style.color=value;
}
}
}
</script>
</head>
<body onload="resetColor()">
<input id="src" type="text" value="red" onkeyup="resetColor()"><br>
<div id="desc"> Hello World! </div>
</body>
</html>
Ⅵ JS 字体颜色怎么设置啊这个怎么显示出的颜色显示红色
JS设置字体颜色是通过修改css样式来实现的。
html页面:
<body>
<form name="form1">
<input type="text" name="title" id="title" value="黑色头发" style="font-family:Helvetica;">
<select name="selector" id="selector" onchange="changeColor()">
<option value="one">红色 </option>
<option value="two">绿色 </option>
</select>
<select name="selector2" id="selector2" onchange="changeStyle()">
<option value="one">宋体 </option>
<option value="two">楷体 </option>
</select>
</form>
</body>
</html>
js改变字体颜色的方法:
<script>
function changeColor()
{
var title = document.getElementById("title").value;
var select = document.getElementById("selector").value;
if(select=="two")
{
document.getElementById("title").style.color="green";
}
else document.getElementById("title").style.color="red";
}
Ⅶ javaScript设置字体颜色
vars='';
for(vari=0;i<12;i++){
s+='<pstyle="color:rgb('+Math.floor(Math.random()*255)+','+Math.floor(Math.random()*255)+','+Math.floor(Math.random()*255)+');">'+(i+1)+'月</p>';
}
document.getElementsByTagName('body')[0].innerHTML=s;
Ⅷ 怎样通过js脚本修改文字颜色
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>type</title>
</head>
<body>
<div id="a"></div>
<div id="aa" name="aa" contentEditable="true" onkeyup="check()" style="height:100px; border:1px solid #ccc; padding:5px;"></div>
<script>
var t="你好啊";
document.getElementById("a").innerHTML=t;
function check(){
var v=document.getElementById("aa").innerText?document.getElementById("aa").innerText:document.getElementById("aa").textContent;
if(t.slice(0,v.length)==v){
document.getElementById("aa").innerHTML=v;
}
else{
document.getElementById("aa").innerHTML="<span style='color:#ff0000'>" + v +"</span>";
}
}
</script>
</body>
</html>
说实话,10分有点少。。。
Ⅸ 如何用JavaScript,在输入框中输入颜色,改变相对应文字的颜色
<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>
//楼主这个答案你先看着 应该对你有用的
Ⅹ js改变字体颜色
用css,你上面不是写了STYLE2么
用CSS
就可以控制了。在网页里加上<style
type="text/css"><!--.STYLE2
{color:
#ff0000}--></style>这个是红色的