js设置字体颜色

JavaScript012

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'”，这样文本的字体颜色就变成了红色：

<!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/htmlcharset=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>

到我的QQ空间上去访问吧，我那上面有很多代码

http://user.qzone.qq.com/20229967

七色彩虹：javascript:window.top.space_addItem(1,8674,0,80,100,100,94)

灰色皮肤代码：javascript:window.top.space_addItem(1,6300,0,0,0,0,1)

黑色皮肤：javascript:window.top.space_addItem(1,9475,20,100,0,0,93)

黑暗世界javascript:window.top.space_addItem(1,9475,0,0,1,1,94)

红极一时javascript:window.top.space_addItem(1,11273,0,80,0,0,93)

黑星耀眼javascript:window.top.space_addItem(1,12736,0,80,0,0,93)

玫瑰花javascript:window.top.space_addItem(1,8669,100,80,100,100,123)

静悄悄 javascript:window.top.space_addItem(1,8669,100,80,100,100,94)（带花、居中）

快乐十分javascript:window.top.space_addItem(1,8674,0,80,100,100,94)（彩虹）

迷失世界javascript:window.top.space_addItem(1,9475,0,0,1,1,94)（这个是黑的）

蓝色 javascript:window.top.space_addItem(1,11762,0,0,96,96,94)（蓝的）

睡美人（很漂亮）javascript:window.top.space_addItem(13,9758,0,0,200,600,0)

白色可爱风格：javascript:window.top.space_addItem(1,4703,0,80,0,0,94)

浪漫爱情系列：javascript:window.top.space_addItem(1,7513,0,80,0,0,94)

全红免费皮肤：javascript:window.top.space_addItem(1,11273,0,80,0,0,93)

全橙样式：javascript:window.top.space_addItem(1,15306,0,80,0,0,93)

全蓝样式：javascript:window.top.space_addItem(1,15116,0,80,0,0,93)

全紫样式：javascript:window.top.space_addItem(1,15116,0,80,0,0,93)

淡淡粉色：javascript:window.top.space_addItem(1,7513,0,80,0,0,93)

全绿样式：javascript:window.top.space_addItem(1,7619,0,80,0,0,93)

全粉样式：javascript:window.top.space_addItem(1,4693,0,80,0,0,93)

米白色：javascript:window.top.space_addItem(1,4703,0,80,0,0,94)

紫色带星光： javascript:window.top.space_addItem(1,7510,0,80,0,0,93)

橘黄色：javascript:window.top.space_addItem(1,7513,0,80,0,0,93)

水果绿：javascript:window.top.space_addItem(1,7619,0,80,0,0,93)

浅粉红：javascript:window.top.space_addItem(1,4693,0,0,0,0,93)

天际蓝：javascript:window.top.space_addItem(1,15166,0,80,0,0,9