2013-06-05 84 views
0

我想在點擊按鈕後隱藏div,這應該是一件非常簡單的事情,但我得到一個錯誤。我有以下代碼:當試圖隱藏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> 

所以我想要做的就是更換的第一個與第二個當按鈕clicked..So通常就夠了,我說這條線在我的JS函數,當我收到一個推送通知(工作),它被稱爲:

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

但我得到一個錯誤的對象不支持getelementbyid方法。我猜這可能與div是一個類的事實有關?有沒有辦法解決?或者有沒有辦法可以更改清除銷售按鈕中的文本發送確認或類似的東西

回答

2

方法名稱的Id部分是駱駝裝箱。

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

代替

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

還設置樣式爲display:none;

+0

@ Kevin Bowersox謝謝!不知道我是怎麼錯過的!我現在沒有收到錯誤信息,但由於某種原因,按鈕不會消失。任何想法爲什麼? – user2363025

+0

@ user2363025查看更新 –

1

函數名應該是document.getElementById

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

您使用getElementByID代替getElementById

0

你可以用它來改變按鈕的文字:如果直接爲使用它

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

您的第一個按鈕的動作,您可以縮短爲:

this.value="Send confirmation"; 
1

首先,JavaScript是大小寫敏感的,所以函數名是getElementById 的document.getElementById( 「clearSaleBtn」)的style.display = 「無」。

其次,使用"none"作爲新值,來隱藏div。

+0

謝謝完全忘記使用無! – user2363025

0

將函數名更改爲document.getElementById