单击按钮时，更改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