js中如何取得一个div的width?注意此css的width是在<style><style>中设置的。

JavaScript012

js中如何取得一个div的width?注意此css的width是在<style><style>中设置的。,第1张

对于没有设置宽度的元素、亦或CSS样式非内嵌式的，js原生写法可以通过offsetWidht来获取宽度

即：document.getElementById("#id").offsetWidth

ps:对于设置了CSS样式的元素（内联、内嵌、外联）offsetWidth 也都可以获得值

所以，jquery的width()与js的offsetWidth都可以获取元素的宽度，但有个区别：

.width()的值单纯是内容区域的宽度、不包括内外补丁和border。ie6+和chrome相同。

offsetWidth ：包括了内补丁和border，不包括外补丁。ie6+和chrome相同

with(obj){

}

就是js中的一个关键字啊，他的意思就是在大括号中的代码的作用域的最顶层对象就是此对象。

js中代码都是在一个作用域链中执行的，所有的变量都是在作用域链的从上往下开始查找，直到找到此变量。

比如下面两段代码。

alert(location)

和

var obj = {location:"aaa"}

with(obj) {

alert(location)

}

上面句代码输出的是window.location对象，下面的代码输出的是obj的location属性 aaa