js如何 设置某个对象的高度,如div 等

JavaScript06

js如何 设置某个对象的高度,如div 等,第1张

举个例子吧:

<div

id="test"

style="border:1px

solid

#000width:50pxheight:50px">这是测试的div</div>

<input

type="botton"

value="增加50px"

onclick="add()"

/>

<script>

var

o=document.getElementById('test')//获得元素

function

add(){

var

w=o.offsetWidth//获得原始宽

o.style.width=w+50+'px'//设置宽度

}

</script>

方法只有一种。

步骤:

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>