Javascript HTML与JS中可见性属性变化的怪癖

我有一个问题，如果我在HTML中添加一个隐藏属性到一个按钮，我就不能使它可见

<button id="proceed_to_next_question" hidden> Next Question </button>

以下代码可以正常工作：

document.getElementById("proceed_to_next_question").style.visibility = "visible";

它现在运行良好，但我想了解隐藏在HTML文件中的输入有什么问题。有人能解释为什么改变html而不是JS会导致这个问题吗

根据：

由于此属性通常使用CSS实现，因此也可以使用CSS覆盖它。例如，将“display:block”应用于所有元素的规则将取消隐藏属性的效果。因此，作者在编写样式表时必须小心，以确保属性的样式仍然符合预期

您正试图更改

可见性

，但如果要使用CSS实现此目标，则需要更改

显示

document.getElementById（'show'）.addEventListener（'click'，show'）；
功能展示（活动）{
document.getElementById（'procedue_to_next_question'）.style.display=“inline”；
}

显示其他按钮
下一个问题

document.getElementById("proceed_to_next_question").style.visibility = "visible";