如何在加载时以及调整大小时获得div元素的宽度？
如何在加载时以及调整大小时获得div元素的宽度？
提问于 2013-08-23 11:27:24
现在，我有100%的is平方，定义为div.newsticker
我想获得这个宽度的负载，或当它调整大小。
我怎样才能用javascript做到这一点？
div.newsticker{
border:1px solid #666666;
width:100%;
height:50px;
}
.newsticker p{
height:20px;
width:150px;
float:left;
position:absolute;
}回答 5
Stack Overflow用户
回答已采纳
发布于 2013-08-23 11:29:17
你可以在jQuery中得到这样的信息。
On Load
jQuery(document).ready(function() {
jQuery("div.newsticker").width()
});On Resize
jQuery(window).on("resize", function() {
var width = jQuery(".newticker").width();
});Stack Overflow用户
发布于 2013-08-23 11:29:36
在使用jQuery时，只需使用width函数：
// On load (use `ready` or whatever other load event you think appropriate)
$(doSomethingWithWidth); // Called on DOM ready
// and/or
$(window).on("load", doSomethingWithWidth); // Called on window load (very late)
// To get resize notification
$(window).on("resize", doSomethingWithWidth);
// And the function
function doSomethingWithWidth() {
var width = $(".newticker").width();
// ...
}您还可以查看innerWidth和outerWidth。
Stack Overflow用户
发布于 2013-08-23 11:29:40
使用jQuery的.width()、.innerWidth()或.outerWidth()。
.outerWidth(true) -全宽度(带边距、填充、边框)
$("element").width();在调整大小时调用它：
$(window).on("resize",function(){
// DO SOME STUFF
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18401699
复制相关文章
相似问题
腾讯云开发者
