單擊按鈕時，更改Google Chrome擴展程序中的文本框值

Question

我的代碼如下所示：

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

當我單擊按鈕時，出現異常

未被捕獲的TypeError：無法將屬性'onClick'設置為null

我的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。

Answer 1

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

編輯

我仍然不確定您的代碼是否為擴展名，但是如果將代碼附加到onload事件中，可以通過以下方法確保頁面已完全加載。

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

單擊按鈕時，更改Google Chrome擴展程序中的文本框值

問題描述

1 個解決方案

解決方案1
0 已采納 2013-07-22 14:30:33

單擊按鈕時，更改Google Chrome擴展程序中的文本框值

問題描述

1 個解決方案

解決方案1 0 已采納 2013-07-22 14:30:33

解決方案1
0 已采納 2013-07-22 14:30:33