<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Document</title>
</head>
<body>
<div id = "box"></div>
</body>
<script type="text/javascript">
var box = document.getElementById("box")
box.style.width='100px'
box.style.height='200px'
box.style.backgroundColor='red'
</script>
</html>
方法只有一种。
步骤：
1、获取table的dom节点
2、通过js设置table的height属性
代码示例
<body><table id='test' border='1'> 定义一个table
<tr>
<td>111</td><td>222</td>
</tr>
</table>
<script>
var tb = document.getElementById('test')//获取table的dom节点
tb.setAttribute('height',300)//设置table高度为300
</script>
设置div边框高度,其实就是设置div的高度,修改css样式可以实现
元素.style.height = '10px'//将高度设为10px
元素.style.width = '20px'//将宽度设为20px
举个例子:
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<style>
div{
height: 100px
width: 100px
background-color: #3e6bb8
}
</style>
</head>
<body>
<div></div>
<script>
var mdiv = document.getElementsByTagName('div')[0]//获得元素
mdiv.style.height = '200px'//设高为200,变成一个100 * 200 的长方形
mdiv.style.width = '200px'//设宽为200,变成一个200 * 200 的正方形
</script>
</body>
</html>
