写一个方法获取div的宽高

在前端开发中，获取一个<div>元素的宽度和高度通常可以通过JavaScript来完成。下面是一个简单的示例方法，使用原生的JavaScript来获取指定<div>的宽度和高度：

function getDivDimensions(divId) {
    // 通过ID获取div元素
    var div = document.getElementById(divId);
    if (!div) {
        console.error('Div with ID ' + divId + ' not found.');
        return null;
    }

    // 获取div的宽度和高度
    var width = div.offsetWidth;
    var height = div.offsetHeight;

    // 返回一个包含宽度和高度的对象
    return {
        width: width,
        height: height
    };
}

// 使用示例
var dimensions = getDivDimensions('myDivId');
if (dimensions) {
    console.log('Width:', dimensions.width);
    console.log('Height:', dimensions.height);
}

在这个示例中，getDivDimensions函数接受一个<div>元素的ID作为参数，并使用document.getElementById来获取该元素。然后，它使用offsetWidth和offsetHeight属性来获取元素的宽度和高度，并将这些值封装在一个对象中返回。

请注意，offsetWidth和offsetHeight返回的是元素的布局宽度和高度，包括内容、内边距（padding）和边框（border），但不包括外边距（margin）。如果你需要获取不包括内边距和边框的尺寸，你可以使用clientWidth和clientHeight属性。

此外，如果你正在使用jQuery等库，你也可以利用库提供的方法来简化这个过程。例如，在jQuery中，你可以使用.width()和.height()方法来获取元素的宽度和高度。