Question

我想在点击一个按钮后隐藏一个div，这应该是一个非常简单的事情，但我收到一个错误。我有以下代码：

<div id="clearSale" onclick=playSound("sounds/Register.mp3") class="botonCLS">
      <button id="clearSaleBtn" type="button" style="position:relative; z-index:0; width: 90px; height: 32px; left: -6px; top: 0px;">Clear Sales</button>

<div id="check" style="display: none">
      <button id="confirm" style="margin-left: 5px">Send confirmation</button>
</div>

所以我想要做的是在单击按钮时用第二个替换第一个..通常，我在我的JS中的函数中添加了这一行，当我收到推送通知时调用该函数（工作）：

document.getElementByID("clearSaleBtn").style.display = "";

但是我收到一个错误，该对象不支持getelementbyid方法。我猜这可能与div是一个类的事实有关？有没有办法解决？或者有没有办法可以更改清除销售按钮中的文本以发送确认或类似的东西

Answer 1

方法名称的Id部分是驼峰式的。

document.getElementById("clearSaleBtn").style.display = "none";

而不是

document.getElementByID("clearSaleBtn").style.display = "none";

还将样式设置为display:none;

Answer 2

函数名称应为document.getElementById

Answer 3

首先，javascript区分大小写，因此函数名称为getElementById document.getElementById（“clearSaleBtn”）。style.display =“none”;

其次，使用"none"作为新值，隐藏div。

Answer 4

document.getElementById("clearSaleBtn").style.display = "";

您使用getElementByID代替getElementById

Answer 5

您可以使用此选项更改为按钮的文字：

document.getElementById("clearSaleBtn").value="Send confirmation";

如果您直接将其用作第一个按钮的 onclick 操作，则可以将其缩短为：

this.value="Send confirmation";

Answer 6

将函数名称更改为document.getElementById

尝试隐藏div时出错

6 个答案: