js设置字体颜色

JavaScript010

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"

}

首先获取需要设置字体颜色的DOM元素对象，然后使用style对象的color属性来设置字体颜色，语法“DOM对象.style.color="颜色值"”。

首先定义一个h元素。不允许在h1标签中添加任何字符，可以通过css或js定义，使其aaa为红色bbb为黄色ccc为蓝色

JavaScript是一种轻量级的编程语言。JavaScript是可插入HTML页面的编程代码。JavaScript插入HTML页面后，可由所有的现代浏览器执行。JavaScript很容易学习。