案例：HTML DOM案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<html>
2
<head>
3
<script type="text/javascript">
4
function gettip(txt)
5
{
6
document.getElementById('tip').innerHTML=txt
7
}
8
​
9
function reset()
10
{
11
document.getElementById('tip').innerHTML=""
12
}
13
</script>
14
</head>
15
​
16
<body>
17
<p>把鼠标移动到下面的饮料上：</p>
18
​
19
<span onmouseover="gettip('热的黑色饮品')"
20
onmouseout="reset()">咖啡</span>
21
<br /><br />
22
<span onmouseover="gettip('冷的白色饮品')"
23
onmouseout="reset()">牛奶</span>
24
​
25
<p id="tip"></p>
26
</body>
27
</html>
28
​