我已經實作了無限滾動,我需要修改所有元素的寬度以適應顯示寬度。
代碼是
var elements = document.getElementsByClassName('myDiv');
for (var i = 0; i < elements.length; i ) {
elements[i].style.width = (screen.width / 2);
}
并且不起作用(不改變 div 的寬度)
但
var elements = document.getElementsByClassName('myDiv');
for (var i = 0; i < elements.length; i ) {
elements[i].style.width = "10px";
}
作品
并且 alert(screen.width) 正確回傳螢屏的寬度。
有人能幫我嗎 ?
uj5u.com熱心網友回復:
添加px- 單位是預期的
document.querySelectorAll('.myDiv')
.forEach(div => div.style.width = `${(screen.width / 2)}px`)
.myDiv { background-color: yellow; }
<div class="myDiv" style="width:100px">Hello</div>
<div class="myDiv" style="width:200px">Hello</div>
<div class="myDiv" style="width:300px">Hello</div>
<div class="myDiv" style="width:400px">Hello</div>
<div class="myDiv" style="width:500px">Hello</div>
<div class="myDiv" style="width:600px">Hello</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/486005.html
標籤:javascript
上一篇:SVG線性漸變硬停止
