我嘗試使用回圈和運算子"1fr "多次添加到 DOM 元素的樣式，但它只應用一次，無論我運行回圈多少次。所以，我想知道它為什么會這樣。這是我的一些代碼。for" ="
for (i = 1; i <= number; i ){
sketchPadElement.style.gridTemplateColumns = "1fr ";
}
因為，我無法讓它作業，所以我撰寫了一個函式來重復字串，并用它"1fr "在一個字串中生成我需要的盡可能多的 s 。
function makeGrid(number) {
sketchPadElement.style.gridTemplateColumns = repeatString("1fr ", number);
}
這很好用，但我仍然很想知道為什么我之前的嘗試失敗了。
uj5u.com熱心網友回復：
分配字串時，會自動洗掉任何尾隨空格。因此，不要使用尾隨空格，而是使用前導空格：
for (let i = 1; i <= number; i ){
sketchPadElement.style.gridTemplateColumns = " 1fr";
}
但與其回圈，不如直接使用repeat()CSS 函式：
sketchPadElement.style.gridTemplateColumns = `repeat(${number}, 1fr)`;
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/438945.html
標籤：javascript html css dom