按鈕的onclick功能不起作用

HTML：

<button id="welcomehomebtnlogin" type="button" onclick="loginformfunction()">Login</button>

的JavaScript：

function loginformfunction() 
{ 
    document.getElementById("welcomehomebtndiv").style.display = "none"; 
    document.getElementById("loginform").style.display = "block"; 
}

我想要做的是：如果用戶點擊「登錄」按鈕，一個表格會display = "none"消失。該按鈕是此表單的一部分，並且它也將消失。然後會顯示第二個表單。

它不工作;任何想法爲什麼？

來源

2015-12-07 RAO HAMMAS

任何錯誤？我現在正在查看代碼。嘗試把一個console.log放入函數中，看它是否實際調用。 – Manu

按此處所述工作：http://codepen.io/paulroub/pen/VeYbMe。該錯誤必須在其他地方。我還想知道，如果您在[JavaScript控制檯]中看到任何錯誤（http://webmasters.stackexchange.com/questions/8525/how-to-open-the-javascript-console-in-different-browsers ） –

什麼是welcomehomebtndiv？ – Manu

你的代碼看起來很好，檢查基本的例子波紋管。

希望這會有所幫助。

function loginformfunction() 
 
{ 
 
    document.getElementById("welcomehomebtndiv").style.display = "none"; 
 
    document.getElementById("loginform").style.display = "block"; 
 
} 
 

 
document.getElementById("welcomehomebtnlogin").addEventListener('click', loginformfunction, false);

#loginform{ 
 
    display: none; 
 
}

<div id='welcomehomebtndiv'> 
 
    Welcome HOME div 
 
    <button id="welcomehomebtnlogin" type="button">Login</button> 
 
</div> 
 

 
<div id='loginform'> 
 
    Login div 
 
</div>

來源

2015-12-07 22:20:01

我知道代碼是好的..但它不工作！請記住，該按鈕是我將要刪除或顯示=「無」的同一div的一部分。我告訴你一個更有趣的事情mousover（）工作正常，但onclick（）劑量。 –

好@RAOHAMMAS嘗試我更新的答案，通過js代碼中的ading listner替換'inline-event'。 –

it劑量工作。 :( –

按鈕的onclick功能不起作用

回答

相關問題