获取一个div的高度,可以借助jQuery的height()方法来实现。下面是获取div高度的完整攻略:
使用jQuery的height()方法获取div的高度
使用该方法,只需一个参数,即可获取div的高度,语法如下:
height()
语法解释
- 获取元素高度:$(selector).height()
- 获取元素宽度:$(selector).width()
实例演示
例如,要获取id为box元素的高度,可以使用以下代码:
$(document).ready(function() {
var height = $("#box").height();
console.log(height);
});
上述代码会在文档加载完毕后执行,获取id为box的元素高度,并在控制台打印高度值。
另外,如果只需要获取元素的可见高度(即除去padding、border、margin等对元素高度的影响),可以使用innerHeight()方法来实现:
$(document).ready(function(){
var innerHeight = $("#box").innerHeight();
console.log(innerHeight);
});
上述代码会在文档加载完毕后执行,获取id为box元素的可见高度,并在控制台打印可见高度值。
以上是两个示例,你可以根据实际情况,选择合适的方法来获取div的高度。