當前位置:首頁 » 網上購物 » js中怎樣改變文字顏色
擴展閱讀
華為一體機2021新款怎樣 2024-11-18 12:15:37

js中怎樣改變文字顏色

發布時間: 2022-06-28 06:50:31

Ⅰ 如何用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>這個是紅色的