js设置字体颜色

JavaScript020

js设置字体颜色,第1张

js改变字体的颜色是用的“color”属性,xmlHttp.open("GET",URL,true)是设置ajax的请求地址和请求方式,不能去掉。

1、新建html文档,在body标签中添加p标签,标签内容是“演示文本”,这时字体的默认颜色是黑色的:

2、为了方便获取到这个p标签,给p标签添加上id,这里以“demo”为例:

3、添加script标签,在js标签中输入代码“document.getElementById('demo').style.color = '#f00'”,这样文本的字体颜色就变成了红色:

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"

}

很简单的:

如果你是在学习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>