使用javascript方式将id为p2的元素颜色设置红色

JavaScript014

使用javascript方式将id为p2的元素颜色设置红色,第1张

使用javascript方式将id为p2的元素颜色设置红色的步骤:

1、使用元素对象.style.color="颜色值"。语句来改变文本颜色。

2、使用元素对象.style.backgroundColor="颜色值"。语句来改变背景颜色。

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"

}