将CSS添加到JavaScript按钮

在我的项目中，我经常使用JS按钮，我找不到一种向它们添加CSS的方法。你能帮忙吗

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

使用CSS类更改按钮： 默认按钮

---

您可以向按钮添加一个类，然后在CSS中添加任何样式：

leftBtn.className = "class_name"

---

您可以向按钮添加一个类，然后在CSS中添加任何样式：

leftBtn.className = "class_name"

---

您可以使用以下代码向每个按钮添加css类：

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

---

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

您可以使用以下代码为每个按钮添加css类：

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

---

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

您可能需要在Javascript中使用类名：

例如：

leftBtn.className = "name";

---

希望这有帮助：

您可能需要在Javascript中使用类名：

例如：

leftBtn.className = "name";

---

希望这有帮助：

您可以使用以下示例：

leftBtn.style.color = "blue";

---

在

中了解更多信息，例如，您可以使用：

leftBtn.style.color = "blue";

---

在

中了解更多信息只需这样做

leftBtn.style.marginLeft = '20px'
rightBtn.style.marginLeft = '20px'

---

我想就这样做吧

leftBtn.style.marginLeft = '20px'
rightBtn.style.marginLeft = '20px'

var leftBtn = document.createElement('button');
leftBtn.innerText = "<";
leftBtn.className = "test_style"; // Set class name
leftBtn.style.color = "#000"; // You can also set style properties inline

我想是吧

var leftBtn = document.createElement('button');
leftBtn.innerText = "<";
leftBtn.className = "test_style"; // Set class name
leftBtn.style.color = "#000"; // You can also set style properties inline

这里是一个游乐场：

这里是一个游乐场：

---

一般来说，有两种主要方法可以做到这一点

第一种是使用内联样式，请记住，内联样式在文档中具有最高的优先级

elt.style.color = '...'

或

第二种方法是使用类名。您可以简单地定义一个类名并为此类名编写CSS

element.className.add = 'your-class-name'

然后

第二种方法是，您可以使用添加、删除、切换等方法来管理类名

---

一般来说，有两种主要方法可以做到这一点

第一种是使用内联样式，请记住，内联样式在文档中具有最高的优先级

elt.style.color = '...'

或

第二种方法是使用类名。您可以简单地定义一个类名并为此类名编写CSS

element.className.add = 'your-class-name'

然后

第二种方法是，您可以使用添加、删除、切换等方法来管理类名

---

只需添加您想要的CSS属性，如leftBtn.marginLeft=20px…..这是否适用于类？只需添加您想要的CSS属性，如leftBtn.marginLeft=20px…..这是否适用于类？我想要这样的东西：默认按钮，但我可以在其上使用class=btn，因此它具有按钮的CSS样式。在我的示例中，只需更改leftOne、rightOne和fireOne连接到btn，然后将btn css类分配给它们。leftBtn.className=btn primary；rightbn.className=btn primary；fireBtn.className=btn primary；不起作用？？这样做会将btn主css类分配给每个按钮，并允许您使用.btn primary{/*此处的某些样式*/}设置按钮的样式；什么不起作用？我在你链接的页面上看到，你需要使用btn btn primary，所以使用leftBtn.className=btn btn primary；rightBtn.className=btn btn primary；fireBtn.className=btn-btn-primary；我想要这样的东西：默认按钮，除了我可以在上面使用class=btn，所以它具有按钮的CSS样式。在我的示例中，只需将leftOne、rightOne和fireOne更改为btn，然后每个按钮都将有btn CSS类分配给它。leftBtn.className=btn primary；rightbn.className=btn primary；fireBtn.className=btn primary；不起作用？？这样做会将btn主css类分配给每个按钮，并允许您使用.btn primary{/*此处的某些样式*/}设置按钮的样式；什么不起作用？我在你链接的页面上看到，你需要使用btn btn primary，所以使用leftBtn.className=btn btn primary；rightBtn.className=btn btn primary；fireBtn.className=btn-btn-primary；