當谷歌瀏覽器擴展

我的代碼如下所示按鈕，點擊改變文本框的值：當谷歌瀏覽器擴展

document.getElementById('Login').onClick=LogIn; 
function LogIn(){ 
document.getElementById('UserName').value='test'; 
document.getElementById('Password').value='test2'; 
}

當我點擊按鈕，我得到異常

遺漏的類型錯誤：空

不能設置屬性的「onClick」

我的HTML代碼如下所示：

<!DOCTYPE html> 
<html> 
<head> 
<META http-equiv=content-type content=text/html;charset=utf8> 
<META http-equiv=content-type content=text/html;charset=windows-1254> 
<META http-equiv=content-type content=text/html;charset=x-mac-turkish> 
<script src="doktormdcore.js"></script> 
<title>Test</title> 

</head> 
<body> 
<table> 
    <tr> 
    <td> UserName:</td> 
    <td> 
     <input type="text" id="UserName" size="20" /> 
    </td> 
    </tr> 
    <tr> 
    <td>Password:</td> 
    <td> 
     <input type="password" id="Password" /> 
    </td> 
    </tr> 
    <tr> 
    <td></td> 
<td><input type="button" value="Enter" id="Login" /></td> 
    </tr> 
</table> 
</body> 
</html>

我必須應該做的。我不想使用jquery。

來源

2013-07-22 fuat

找不到您的ID「Login」元素，請將您的HTML標記貼出。這是你的代碼的一個小工具，正如下面的答案也表明，它是'onclick'而不是'onClick'：http://jsfiddle.net/TuKcK/ – tymeJV

你可以發佈代碼放置位置的完整上下文。 – marteljn

更新後。添加了html代碼。 – fuat

您需要將onClick更改爲onclick。 JavaScript區分大小寫。

編輯

我現在還不能確定，如果你的代碼是一個擴展或沒有，但這裏是你如何能保證，如果你重視你的代碼到onload事件的頁面完全加載。

function LogIn(){ 
    document.getElementById('UserName').value='test'; 
    document.getElementById('Password').value='test2'; 
    } 
    window.onload = function(){ 
    document.getElementById('Login').onclick=LogIn; 
    }

來源

2013-07-22 14:30:33 marteljn

這是真的，但與錯誤描述不匹配。 –

@RobW你說得對，我的回答只是部分正確。 – marteljn

添加了html代碼。 – fuat

當谷歌瀏覽器擴展

回答

相關問題