99偷拍视频精品区一区二,口述久久久久久久久久久久,国产精品夫妇激情啪发布,成人永久免费网站在线观看,国产精品高清免费在线,青青草在线观看视频观看,久久久久久国产一区,天天婷婷久久18禁,日韩动漫av在线播放直播

css怎么獲取圖片的寬度

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

成都創新互聯公司是一家專業提供徽縣企業網站建設,專注與成都做網站、網站建設、外貿營銷網站建設、H5頁面制作、小程序制作等業務。10年已為徽縣眾多企業、政府機構等服務。創新互聯專業網絡公司優惠進行中。

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

在html/css中，想要獲取圖片當前寬高可以使用JavaScript clientWidth和clientHeight屬性來實現。clientWidth、clientHeight屬性表示獲取圖像的當前寬度和高度。

css怎么獲取圖片的寬度

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

代碼實例如下：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>js獲取當前圖片寬高的示例</title>
    <script type="text/javascript">
 function imgSize(){
            var myImg = document.querySelector("#sky");
            var currWidth = myImg.clientWidth;
            var currHeight = myImg.clientHeight;
 alert("當前 width=" + currWidth + ", " + "當前 height=" + currHeight);
 }
    </script>
</head>
<body>
<img src="./1/png" id="sky" style=" width:250px;">
<p><button type="button" onclick="imgSize();">獲取</button></p>
</body>
</html>

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

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

最終效果如下圖所示：

css怎么獲取圖片的寬度

注：

clientWidth 屬性表示元素的內部寬度。該屬性包括內邊距，但不包括垂直滾動條（如果有）、邊框和外邊距，其屬性值會被四舍五入為一個整數。

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

看完了這篇文章，相信你對css怎么獲取圖片的寬度有了一定的了解，想了解更多相關知識，歡迎關注創新互聯行業資訊頻道，感謝各位的閱讀！

文章題目：css怎么獲取圖片的寬度
網頁路徑：http://www.yijiale78.com/article26/jddocg.html

成都網站建設公司_創新互聯，為您提供微信公眾號、網站建設、網站設計公司、定制網站、營銷型網站建設、搜索引擎優化

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯

網站建設網站維護公司