案例：javascript案例     状态：可编辑再运行    进入横版
​x
 
1
<html>
2
<head>
3
<style type="text/css">
4
p
5
{
6
border: thick solid #FF0000;
7
}
8
</style>
9
<script type="text/javascript">
10
function changeBorder()
11
{
12
document.getElementById("p1").style.borderRightStyle="dotted";
13
}
14
</script>
15
</head>
16
<body>
17
​
18
<input type="button" onclick="changeBorder()" value="Change right border" />
19
​
20
<p id="p1">This is a paragraph</p>
21
​
22
</body>
23
</html>
24
​

 运行结果　
　北美留学生论坛