jquery怎么设置div高度

JavaScript07

jquery怎么设置div高度,第1张

1、新建html文件

2、创建div元素和按钮

3、引入jquery.js

4、js创建“height() 方法设置div元素的高度”的代码

5、预览效果如图

6、点击按钮,div元素的高度发生改变,预览效果如图

方法只有一种。

步骤:

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>

1、界面中有一个img,但是没有用js来设置它的宽度高度和背景颜色。

2、接着使用jQuery获取到所要设置的div,并且调用css()方法即可开始设置了。

3、在css方法即可设置,注意,里面有花括号哦,并且属性用双引号引起来。

4、同时设定多个属性,则要用逗号隔开,这样即可多个属性生效。

5、接着打开hbuilder上方浏览器小图标,开始预览。

6、最后观看效果。