js设置字体颜色

JavaScript011

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