本文目錄一覽:
用js設置圖片寬度
這種情況用CSS來控制最合適。例如你想讓初始圖片顯示為100px*100px,則:
img src=”images/pic.png” width=”100″ height=”100″ /
或者:
img src=”images/pic.png” style=”width:100px; height:100px” /
當頁面中圖片非常多,且要求每張圖片的大小依據其父容器來固定怎麼辦?可以使用max-weight:
img {max-weight:100%;}
這樣圖片會自動縮放到和其父容器等寬。
怎樣用js設置元素寬度?
變量沒什麼問題的,你看看,這個s有沒有值,是不是加載js時,還沒到body那兒,也就計算不出客戶端的寬度。以下是具體實現代碼:
具體公式是:
var s = document.body.clientWidth;
document.getElementById(“body1”).innerHTML=s;
document.getElementById(“body1″).style.width=”200px”;
這個問題我自然想到過,所有時時都把S 是值顯示出來了,S是有效的數字型的變量。
關於js修改div樣式寬度的問題 : div.style.width=200能不能換成div.style[‘width’]=200這樣的寫法
可以這一寫,width是style的一個數據,js調用數據的方式就有
1、使用小數點的方式
2、使用中括號的方式
但是你的代碼調用時 200要帶單位
div style=”height:200px;width:200px;” id=”div1″/div
可以看到平時寫法width的數字後面是有單位的
所有在使用函數的時候也需要帶上哦
document.getElementById(“div1″).style[‘width’]=”100px”;
document.getElementById(“div1″).style.width=”100px”;
兩種方式都可以
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/237248.html