Question

我的代码如下所示：

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

当我点击按钮时我得到了异常

未捕获的TypeError：无法设置null

的属性'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。

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 个答案: