js動態設置padding-top遇到的坑

我想經過js動態設置元素padding-top的百分比值：如下幾種都是沒法設置成功的:

// setAttribute設置padding-top而且轉換爲百分比
imageBox.setAttribute('padding-top',`${(imageHeight)*100}%`); //setAttribute設置padding-top使用percentage
imageBox.setAttribute('padding-top',`percentage(${imageHeight})`); // style屬性直接設置 使用percentage
imageBox.style.paddingTop = `percentage${imageHeight}`;

成功實現的方式：

imageBox.style.paddingTop = `${imageHeight}%`;

percentage這個百分比用法在css中是起做用的，在js中設置css樣式的時候仍是儘可能少用，會出現設置不成功的問題，仍是須要轉換成真正的百分比。一樓小夥伴提醒的很對，確實基礎沒掌握好，上面兩行是不可行的。設置css樣式應該使用setProperty()。