Javascript 嵌入样式覆盖内联样式？

所以我有一个嵌入样式的按钮和一个通过内联样式将按钮样式更改为显示：无的函数。问题是嵌入样式似乎覆盖了内联样式。因此，问题是：

• 内联样式不应该优先于嵌入样式吗？我的代码有问题吗

如果我的代码没有任何问题：

• 如何让内联代码覆盖嵌入样式

HTML

JSfiddle演示问题：

---

编辑：我的演示代码似乎有问题，因此我附加了实际代码

我删除了多余的div及其浮动布局，并使用display:inline；在您的按钮上，这样它们就不会中断线路：

function func(){
    document.getElementById("change").stlye.display="none !important";
}

抱歉，必须在此处粘贴html，否则我无法链接小提琴：

<button id="btn1">Change units</button>
<button id="btn2" style="display: none;">Change units</button>
<button id="btn3" style="display: none;">Change units</button>
<input id="text"></input>

更改单位
更换单位
更换单位

---

这应该是你想要的。

你错卖了。风格。在js中，下次检查控制台。Css-tricks.com将告诉您所有关于Css特性的信息：@Brunis在修复该问题后，演示代码没有问题。然而，我的真实代码有一个问题，请看更新的postYou正在到处违反html，id是唯一的，停止向左浮动所有内容，所有内容都自然地从左到右放置。问题在于你的显示：没有；在外部div上，但您正在更改js中的按钮。因此，除去所有多余的垃圾，就更容易不选择错误的元素：）事件属性是小写的，并将onchange事件放在select项上，该项是您希望进行更改的项。我认为这应该让你开始：）@Brunis啊好的，这很有道理。发布一个答案，这样我就可以选择正确的答案了。请：我把我的建议移到了一个答案上，并编辑了你的提琴。这很有效，谢谢-不知道你可以添加！对内联样式很重要。仍然错误销售。请不要将无效代码标记为答案。

function func(){
    document.getElementById("change").stlye.display="none !important";
}

<button id="btn1">Change units</button>
<button id="btn2" style="display: none;">Change units</button>
<button id="btn3" style="display: none;">Change units</button>
<input id="text"></input>