代碼:
<html>
<head>
</hread>
<body>
<button onclick="toggle_width();">大小</button>
<TABLE width="370" align="center" border="0" style="font-size:7pt;font:bold;background-color:red;" >
<tr><td>part1</td><td>part1</td><td>part1</td></tr>
<tr><td>part1</td><td>part1</td><td>part1</td></tr>
<tr><td>part1</td><td>part</td><td>part1</td></tr>
<tr><td>part2</td><td>part2</td><td>part2</td></tr>
<tr><td>part2</td><td>part2</td><td>part2</td></tr>
<tr><td>part2</td><td>part2</td><td>part2</td></tr>
</TABLE>
</body>
</html>
<script>
var HTML = document.body.innerHTML;
var change = false;
function toggle_width(){
if(change = !change){
document.body.innerHTML = HTML.replace(/<TABLE width="370"/ig, '<TABLE width="380"');
}else{
document.body.innerHTML = HTML;
}
}
</script>