小編給大家分享一下css怎么獲取圖片的寬度，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供徽縣企業(yè)網(wǎng)站建設(shè),專注與成都做網(wǎng)站、網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)、H5頁面制作、小程序制作等業(yè)務(wù)。10年已為徽縣眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)絡(luò)公司優(yōu)惠進(jìn)行中。

css獲取圖片寬度的方法：首先創(chuàng)建一個(gè)HTML示例文件；然后通過JavaScript clientWidth和clientHeight屬性來獲取圖片的寬度即可。

在html/css中，想要獲取圖片當(dāng)前寬高可以使用JavaScript clientWidth和clientHeight屬性來實(shí)現(xiàn)。clientWidth、clientHeight屬性表示獲取圖像的當(dāng)前寬度和高度。

下面我們就結(jié)合具體的代碼示例，給大家介紹JS獲取圖片當(dāng)前寬高的方法。

代碼實(shí)例如下：

    
    
    



獲取

當(dāng)我們點(diǎn)擊獲取按鈕時(shí)，就會(huì)調(diào)用上述定義的imgSize()方法，其中querySelector() 方法可以獲取文檔中 id="sky" 的元素，也就是獲取的img圖片。然后通過.clientWidth 和clientHeight屬性來獲取元素的當(dāng)前寬度和高度（單位:像素）。

這里的img圖片，我們給它添加了一個(gè)width屬性為250px，高度為自適應(yīng)。

最終效果如下圖所示：

注：

clientWidth 屬性表示元素的內(nèi)部寬度。該屬性包括內(nèi)邊距，但不包括垂直滾動(dòng)條（如果有）、邊框和外邊距，其屬性值會(huì)被四舍五入為一個(gè)整數(shù)。

clientHeight 可以通過 CSS height + CSS padding - 水平滾動(dòng)條高度 (如果存在)來計(jì)算.這個(gè)屬性是只讀屬性，對(duì)于沒有定義CSS或者內(nèi)聯(lián)布局盒子的元素為0，否則，它是元素內(nèi)部的高度(單位像素)，包含內(nèi)邊距，但不包括水平滾動(dòng)條、邊框和外邊距。

看完了這篇文章，相信你對(duì)css怎么獲取圖片的寬度有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！