CSS 元素的高度在網(wǎng)頁設(shè)計(jì)中是非常重要的參數(shù)之一，有時(shí)候我們需要獲取某個(gè)元素的高度，以便于在后續(xù)的樣式或者功能實(shí)現(xiàn)中作出相應(yīng)的處理。下面介紹幾種獲取 CSS 元素高度的方法。

// 方法一：使用 offsetHeight 屬性
var height = document.getElementById('element').offsetHeight;
console.log(height);
// 方法二：使用 getBoundingClientRect() 方法
var height = document.getElementById('element').getBoundingClientRect().height;
console.log(height);
// 方法三：使用 jQuery 的 height() 方法
var height = $('#element').height();
console.log(height);
// 方法四：使用 JavaScript 的 getComputedStyle() 方法
var height = window.getComputedStyle(document.getElementById('element')).getPropertyValue('height');
console.log(height);
// 方法五：使用原生的 CSS 屬性ClientHeight獲取高度
var height = document.getElementById('element').clientHeight;
console.log(height);

以上是幾種常用的獲取 CSS 元素高度的方法，需要根據(jù)實(shí)際情況選擇合適的方式去獲取。