javascript - 我的 Javascript 函数如何改变 html 按钮的样式

Question

我是 JS 新手

我的 HTML 中有一个按钮，我希望我的 JavaScript 函数在单击时更改按钮上的填充:

let btn = document.querySelector('.paddingButton');

btn.addEventListener('click', function() {
  btn.style.padding = "'" + Math.random() * 25 + "em" + "'";
});

<button class="paddingButton">Button</button>

这行不通。谁能告诉我为什么？

Answer 1

这里有额外的引号，CSS 需要，但 JS 不需要:

btn.style.padding = "'" + Math.random() * 25 + "em" + "'";

只用数字+“em”替换它:

btn.style.padding = Math.random() * 25 + "em";