0

我想在单击按钮后隐藏一个 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 是一个类的事实有关？有没有办法解决？或者有没有办法改变清除销售按钮中的文本以发送确认或类似的东西

4

6 回答 6

2

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

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

代替

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

还将样式设置为display:none;

于 2013-06-05T09:13:52.070 回答
1

函数名应该是document.getElementById

于 2013-06-05T09:14:56.010 回答
1

首先javascript是区分大小写的，所以函数名是getElementById document.getElementById("clearSaleBtn").style.display = "none";

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

于 2013-06-05T09:18:09.577 回答
0 
document.getElementById("clearSaleBtn").style.display = "";

您使用getElementByID而不是getElementById

于 2013-06-05T09:15:31.800 回答
0

将函数名称更改为 document.getElementById

于 2013-06-05T10:46:22.543 回答
0

您可以使用它来更改按钮的文本：

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

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

this.value="Send confirmation";
于 2013-06-05T09:17:10.757 回答