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