案例:HTML DOM案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<html>
2
<head>
3
<script type="text/javascript">
4
function changeColor(color)
5
{
6
document.getElementById('x').style.color=color
7
}
8
</script>
9
</head>
10
11
<body>
12
13
<p>本例演示如何改变文本框的文本颜色。</p>
14
<p>请把鼠标移动到下面的三个表格单元上,文本的颜色将会改变:</p>
15
16
<table width="100%" height="20"><tr>
17
<td bgcolor="red" onmouseover="changeColor('red')"> </td>
18
<td bgcolor="blue" onmouseover="changeColor('blue')"> </td>
19
<td bgcolor="green" onmouseover="changeColor('green')"> </td>
20
</tr></table>
21
22
<form>
23
<input id="x" type="text" value="请把鼠标移动到颜色上面" size="20">
24
</form>
25
26
</body>
27
</html>