在Javascript函数中添加多个样式无效

我有一个javascript函数，可以在按钮单击时更改按钮样式

HTML

这里我想为按钮添加另一种样式。为此，我还添加了这个

btn.style.box-shadow= "0px 0px 0px 3px #173B0B"

是否可以在此函数中添加多个样式？那么我该如何解决这个问题。

功能事件\u单击\u开始使用（btn）{
间隔=空；
如果（间隔===null）{
//start（）；
btn.innerText='暂停'；
btn.style.backgroundColor=“#c1580b”；
btn.style.boxShadow=“0px 0px 0px 3px#173B0B”
}
}

---

暂停

您可以添加尽可能多的样式，但样式名称在camelCase中，而不是您现在用于

框阴影

的烤肉串

因此，您有两种选择，或者使用

btn.style.boxShadow=“0px 0px 0px 3px#173B0B”

或者，如果您想使用烤肉串，可以使用

style.cssText

如下：

btn.style.cssText = "box-shadow: 0px 0px 0px 3px #173B0B";

请注意，您可以使用上述技术同时指定多个css规则，因此可以执行以下操作：

btn.style.cssText = "box-shadow: 0px 0px 0px 3px #173B0B; background-color: #c1580b";

---

易于理解的解决方案

功能事件\u单击\u开始使用（）{
document.getElementById（“暂停”）.setAttribute(
“样式”，“背景色：#c1580b；框阴影：0px 0px 0px 3px#173B0B；”；
}

---

Pause

在DOM（和Javascript）中，属性名为camelCase（

.style.boxShadow

）。只有在CSS中，它们才是烤肉串。ツ你的项目中有Jquery吗？没有

btn.style.cssText = "box-shadow: 0px 0px 0px 3px #173B0B";

btn.style.cssText = "box-shadow: 0px 0px 0px 3px #173B0B; background-color: #c1580b";