javascript - 将 CSS 添加到 JavaScript 按钮

Question

在我的元素中，我经常使用 JS 按钮，但我找不到向它们添加 CSS 的方法。你能帮忙吗？

leftBtn = document.createElement('button');
leftBtn.innerText = "<";
rightBtn = document.createElement('button');
rightBtn.innerText = ">";
fireBtn = document.createElement('button');
fireBtn.innerText = "*";

使用 CSS 类更改按钮: <button class="btn" >default button</button>

Class used

Answer 1

您可以使用此代码为每个按钮添加一个 css 类:

 leftBtn.className = "leftOne";
 rightBtn.className = "rightOne";
 fireBtn.className = "fireOne";

然后您可以使用常规的 css 来设置它们的样式。