怎么获取div宽度【代码示例】

1、要获取div宽度，可以使用JavaScript中的offsetWidth属性。offsetWidth属性返回元素的宽度，包括元素的内容、内边距和边框的宽度。

示例代码如下：

var div = document.getElementById("myDiv");
var width = div.offsetWidth;
console.log(width);

在上面的代码中，首先使用getElementById方法获取id为"myDiv"的div元素，然后通过offsetWidth属性获取该div的宽度，并将宽度值保存在变量width中。通过console.log方法打印出该宽度值。

2、除了offsetWidth属性，还可以使用getComputedStyle方法来获取div的宽度。getComputedStyle方法返回一个对象，该对象包含了应用在指定元素上的所有CSS属性的值。

示例代码如下：

var div = document.getElementById("myDiv");
var computedStyle = window.getComputedStyle(div);
var width = computedStyle.width;
console.log(width);

在上面的代码中，首先使用getElementById方法获取id为"myDiv"的div元素，然后通过getComputedStyle方法获取该div的计算样式对象，将该对象保存在变量computedStyle中。接着，通过computedStyle.width获取div的宽度，并将宽度值保存在变量width中。通过console.log方法打印出该宽度值。