某些元素不會被更改，即使它們應該是

當我按下按鈕並使元素出現時，然後按另一個元素並使另一個元素出現，但它不起作用。我當前的代碼是這樣的：某些元素不會被更改，即使它們應該是

function login() { 
    var username = document.getElementById("username").value; 
    var password = document.getElementById("password").value; 
    if (username == "Ethan" && password == "Horton") { 
     document.getElementById("test").innerHTML = "Logged In: Ethan"; 
     document.getElementById("p1").style.visibility = "hidden"; 
     document.getElementById("Logout").style.visibility = "visible"; 
    } else if (username == "Person" && password == "Password") { 
     document.getElementById("test").innerHTML = "Logged In: Person"; 
     document.getElementById("p1").style.visibility = "hidden"; 
     document.getElementById("p1").style.visibility = "hidden"; 
     document.getElementById("Logout").style.visibility = "visible"; 
    } else { 
     alert("Incorrect User/Pass"); 
    } 
}

正如你所看到的，我需要改變相當多的東西，但它不會這麼做。幫幫我？

演示這裏：http://jsfiddle.net/dX28k/

來源

2013-10-19 Durnehviir

請提供更多的情況下，證明該問題等可能包含一個演示。 – PSL

添加了演示。審查它，請幫助。 – Durnehviir

檢查這個小提琴可能是你正在尋找http://jsfiddle.net/szUnC/。也請在問題中解釋你想要什麼，你嘗試過什麼，你的問題是什麼。 – PSL

快速&簡單的解決方案

確保你使用雙引號內的單引號在你的HTML。

onclick="document.getElementById('p1').style.visibility='visible'"

恰當解

確保你總是單獨的JavaScript，HTML，CSS，而不是集羣它們放在一起的。例如，應該在不將onclick屬性插入到按鈕標籤的情況下完成onclick事件。
使用嚴格相等來避免不匹配類型（===）。

http://jsfiddle.net/8dQNP/2/

來源

2013-10-19 04:25:20 CuriousSloth

討厭破壞你的泡泡，但我已經解決了這個問題。不過謝謝。 – Durnehviir

某些元素不會被更改，即使它們應該是

回答

相關問題