js如何监听div的宽度变化

A. js监听div变化

你既然是动态生成的 那么 左边的原点 也肯定 要是动态生成 样式肯定要和上面一样对吧 比如说 样式都是.a
那么可以统一定位写jquery
$(".a").hover(function(){
$(this).css("background","blue")//你这是变图片 把css里 按照自己要变化的东西去弄就行 这里是悬浮时
},function(){
$(this).css("background","blue")//你这是变图片 把css里 按照自己要变化的东西去弄就行 这里是离开时

})

B. 如何获取div中的宽度值

div中是在jsp中使用，用来设置区域上的效果，可以使用document对象来获得该div的id，进而得到该div所占据的宽度值，如下：
<div id="banner" style="width:100%">
js获取banner的宽度：document.getElementById("banner").offsetWidth

C. 怎么用js获取div的当前宽度

第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1.style.width拿不到宽度，而通过#div1.offsetWidth才可以获取到宽度。

第二种情况就是宽和高是写在行内中，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。（什么是行内，就是直接在html标签上写样式）

小结，因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过id.style.atrr来获取。

现在的前端制作很少直接把样式写style里了，都是写在样式表里。如果你要获取的样式没有相对应的（就像#div1.style.width对 应#div1.offsetWidth），就只能分别针对不用浏览器来获取样式表的属性了，可以试着搜索“JS 获取样式属性”之类的。

代码：

var o = document.getElementById("view");var h = o.offsetHeight; //高度var w = o.offsetWidth; //宽度

(3)js如何监听div的宽度变化扩展阅读：

js编程:

JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。直译语言的弱点是安全性较差，而且在JavaScript中，如果一条运行不了，那么下面的语言也无法运行。而其解决办法就是于使用try{}catch(){}。

Javascript被归类为直译语言，因为主流的引擎都是每次运行时加载代码并解译。V8是将所有代码解译后再开始运行，其他引擎则是逐行解译（SpiderMonkey会将解译过的指令暂存，以提高性能，称为实时编译），但由于V8的核心部份多数用Javascript撰写（而SpiderMonkey是用C++）。

因此，在不同的测试上，两者性能互有优劣。与其相对应的是编译语言，例如C语言，以编译语言编写的程序在运行之前，必须经过编译，将代码编译为机器码，再加以运行。