Question

我正在处理一个小项目，由于某种原因，chrome说下面的代码是未定义的。

HTML：

    <input type="reset" onclick="cleartxt()" class="rset" value="Clear Text"></input>

使用Javascript：

    var cleartxt = function() {
       document.getElementById("text").value = "";
    };

有人可以帮我弄清楚为什么会这样运作吗？

Answer 1

在dom中直接使用onclick和call函数后，必须定义一个全局函数并在文档完全加载之前定义它，例如：将函数定义放在<head>中。

Answer 2

您的代码运行正常。这是工作片段。

set :output, "#{path}/log/cron_log.log"
set :environment, 'development'

every 1.minute do
  rake "testando:consulta"
end

var cleartxt = function() {
       alert('reset working');
       document.getElementById("text").value = "";
};

Answer 3

写输入的正确方法是

<input type="reset" onclick="cleartxt()" class="rset" value="Clear Text">

没有关闭标签。

你必须在html的头部声明这个函数，并且你输入了“text”id。

Answer 4

第一个<input>没有结束标记。其次，如果你想使用input type="reset"不需要javascript，但它们必须在表单中..请参阅下面的代码段..

var cleartxt = function() {
   document.getElementById("text").value = "";
};

<input type="button" onclick ="cleartxt()" class="rset" value="Clear Text" >
<input type="text" id="text" >
<br />
<br />
<p>With form</p>
<form>
   <input type="reset" class="rset" value="Clear Text" >
   <input type="text" id="text" >
</form>

通过Chrome浏览器

4 个答案: