在线运行代码 - 代码学院 www.codexy.cn

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>代码学院(codexy.cn)</title> 
<script>
function displayResult(){
	document.getElementById("myCap").style.captionSide="bottom";
}
</script>
</head>
<body>

<table border="1">
<caption id="myCap">My savings</caption>
	<tr>
		<th>Month</th>
		<th>Savings</th>
	</tr>
  	<tr>
		<td>January</td>
		<td>$100</td>
  	</tr>
  	<tr>
		<td>February</td>
		<td>$150</td>
  	</tr>
</table>
<br>
<button type="button" onclick="displayResult()">移动表格标题</button>

</body>
</html>

源代码

动行结果