我沒有找到j(luò)s獲取元素寬度包含小數(shù)點(diǎn)的方法,但是在使用獲取到的寬度時,為了保證與原來元素的寬度一致,我在工作中的解決方案是:
創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都做網(wǎng)站、網(wǎng)站設(shè)計(jì)、濱城網(wǎng)絡(luò)推廣、小程序定制開發(fā)、濱城網(wǎng)絡(luò)營銷、濱城企業(yè)策劃、濱城品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營等,從售前售中售后,我們都將竭誠為您服務(wù),您的肯定,是我們最大的嘉獎;創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供濱城建站搭建服務(wù),24小時服務(wù)熱線:18982081108,官方網(wǎng)址:www.cdcxhl.com
var oldw=$(oldElement).width();
$(newElement).css("width",oldw+"px");
$(oldElement).css("width",oldw+"px');
剛看到有g(shù)etComputedStyle這個方法,還有這個getClientBoundingRect()??梢?。
只有在DOM元素被渲染了之后,才能獲取元素實(shí)際的寬高。
換句話說,如果元素還未插入DOM樹里,就不可能走到渲染這一步,更不可能拿到元素的寬和高。
綜上所述,你只能通過在DOM中插入元素,之后再獲取已經(jīng)渲染好的元素的寬高。
$("#div_id").height();
// 獲得的是該div本身的高度, (不包含padding,margin,border)
$("#div_id").outerHeight();
// 包含該div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
$("#div_id").outerHeight(true);
// 包含該div本身的高度, 以及padding,border,margin上下的總高度
$(window).height();
// 獲取瀏覽器顯示區(qū)域(可視區(qū)域)的高度
$(window).width();
// 獲取頁面的文檔高度
$(document).height();
// 瀏覽器當(dāng)前窗口文檔的高度
$(document.body).width();
// 瀏覽器當(dāng)前窗口文檔body的高度
$(document).scrollTop();
// 獲取滾動條到頂部的垂直高度 (即網(wǎng)頁被卷上去的高度)
obj.offset().top
// 某個元素的上邊界到body最頂部的距離(在元素的包含元素不含滾動條的情況下)
(1)、打點(diǎn) width()????????獲取元素的寬
(2)、打點(diǎn) height()????????獲取元素的高
(3)、打點(diǎn) innerWidth()????獲取包含內(nèi)邊距和內(nèi)容區(qū)域不包含邊框的寬
(4)、打點(diǎn) innerHeight()????獲取包含內(nèi)邊距和內(nèi)容區(qū)域不包含邊框的高
(5)、打點(diǎn) outerWidth()????獲取包含內(nèi)邊距、內(nèi)容區(qū)域、邊框的寬度
(6)、打點(diǎn) outerHeight()????獲取包含內(nèi)邊距、內(nèi)容區(qū)域、邊框的高度
例如:
div?id="oDiv"?this?is?div?tag?/div
如要獲取id為oDiv的div標(biāo)簽的寬度
可以使用query如下寫法
$("#oDiv").width();
jquery講義:width() 方法返回或設(shè)置匹配元素的寬度。
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像素)的.
將獲取到的值轉(zhuǎn)化成整數(shù)就可去掉單位.
parseInt() 函數(shù)可解析一個字符串,并返回一個整數(shù).
語法
parseInt(string, radix)
參數(shù) 描述
string 必需。要被解析的字符串。
radix 可選。表示要解析的數(shù)字的基數(shù)。該值介于 2 ~ 36 之間。
? ? ? ? ? ? ? 如果省略該參數(shù)或其值為 0,則數(shù)字將以 10 為基礎(chǔ)來解析。
? ? ? ? ? ? ? 如果它以“0x” 或 “0X” 開頭,將以 16 為基數(shù)。
? ? ? ? ? ? ? 如果該參數(shù)小于 2 或者大于 36,則 parseInt() 將返回 NaN。
返回值
返回解析后的數(shù)字。