js修改寬度樣式,js 修改樣式

本文目錄一覽:

用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

(0)
打賞 微信掃一掃 微信掃一掃 支付寶掃一掃 支付寶掃一掃
小藍的頭像小藍
上一篇 2024-12-12 12:04
下一篇 2024-12-12 12:04

相關推薦

發表回復

登錄後才能評論