十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
我没有找到js获取元素宽度包含小数点的方法,但是在使用获取到的宽度时,为了保证与原来元素的宽度一致,我在工作中的解决方案是:
创新互联建站专注为客户提供全方位的互联网综合服务,包含不限于成都做网站、网站设计、滨城网络推广、小程序定制开发、滨城网络营销、滨城企业策划、滨城品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联建站为所有大学生创业者提供滨城建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com
var oldw=$(oldElement).width();
$(newElement).css("width",oldw+"px");
$(oldElement).css("width",oldw+"px');
刚看到有getComputedStyle这个方法,还有这个getClientBoundingRect()。可以。
只有在DOM元素被渲染了之后,才能获取元素实际的宽高。
换句话说,如果元素还未插入DOM树里,就不可能走到渲染这一步,更不可能拿到元素的宽和高。
综上所述,你只能通过在DOM中插入元素,之后再获取已经渲染好的元素的宽高。
$("#div_id").height();
// 获得的是该div本身的高度, (不包含padding,margin,border)
$("#div_id").outerHeight();
// 包含该div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
$("#div_id").outerHeight(true);
// 包含该div本身的高度, 以及padding,border,margin上下的总高度
$(window).height();
// 获取浏览器显示区域(可视区域)的高度
$(window).width();
// 获取页面的文档高度
$(document).height();
// 浏览器当前窗口文档的高度
$(document.body).width();
// 浏览器当前窗口文档body的高度
$(document).scrollTop();
// 获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)
obj.offset().top
// 某个元素的上边界到body最顶部的距离(在元素的包含元素不含滚动条的情况下)
(1)、打点 width() 获取元素的宽
(2)、打点 height() 获取元素的高
(3)、打点 innerWidth() 获取包含内边距和内容区域不包含边框的宽
(4)、打点 innerHeight() 获取包含内边距和内容区域不包含边框的高
(5)、打点 outerWidth() 获取包含内边距、内容区域、边框的宽度
(6)、打点 outerHeight() 获取包含内边距、内容区域、边框的高度
例如:
div id="oDiv" this is div tag /div
如要获取id为oDiv的div标签的宽度
可以使用query如下写法
$("#oDiv").width();
jquery讲义:width() 方法返回或设置匹配元素的宽度。
script type="text/javascript"
//jquery获取ID为abc的元素的宽度.
alert($("#abc").width());
//js获取ID为abc的元素的宽度.
alert(parseInt(document.getElementById('abc').style.width));
/script
js通过html对象的style属性获取元素属性.
获取到的值是包含单位(px像素)的.
将获取到的值转化成整数就可去掉单位.
parseInt() 函数可解析一个字符串,并返回一个整数.
语法
parseInt(string, radix)
参数 描述
string 必需。要被解析的字符串。
radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。
如果省略该参数或其值为 0,则数字将以 10 为基础来解析。
如果它以“0x” 或 “0X” 开头,将以 16 为基数。
如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。
返回值
返回解析后的数字。