原生JavaScript清空按钮无效，有大神指点一下吗？

[「已注销」]

js代码如下：我想清空id选择器里面自己输入的内容但是点击后无反应。（我用的td标签做的表单）

document.getElementById('year').onclick = function fclear() {
			  
			  document.getElementById('cl').value = "";
			}

<input type="text" name="" id="year" value="" maxlength="4" size="4"/>

<input type="button" name="" id="cl" value="清除" onclick="fclear()"/>

[「已注销」]

如图

[NANU-NANA]

难道不是cl元素响应click事件么？

[NANU-NANA]

document.getElementById('cl').onclick

[「已注销」]

click事件无响应啊，我在想是不是代码问题，我想全部清除所以输入以及计算后输出的结果

[「已注销」]

引用 2 楼 NANU-NANA的回复:

难道不是cl元素响应click事件么？

click事件无响应啊，我在想是不是代码问题，我想全部清除所以输入以及计算后输出的结果

[NANU-NANA]

我前面已经说的很清楚了。你js写反了。

你写的不是button响应，而是input响应click。你自己再看看。

[「已注销」]

引用 6 楼 NANU-NANA的回复:

我前面已经说的很清楚了。你js写反了。

你写的不是button响应，而是input响应click。你自己再看看。

这个我改回来了，已经修改了

[文盲老顾]

button可以onclick text 的话 onfocus比较好

[「已注销」]

引用 6 楼 NANU-NANA 的回复:

我前面已经说的很清楚了。你js写反了。

你写的不是button响应，而是input响应click。你自己再看看。

	document.getElementById("cl").onclick = function fclear() {
			  
			  document.getElementById("year").value = " ";
			  document.getElementById("month").value = " ";
			  document.getElementById("day").value = " ";
			}

[「已注销」]

先把这个搞懂带回去了解一下

[文盲老顾]

好吧，问题还不只这一个，我一个一个说

  <input type="text" name="" id="year" maxlength="4" size="4" value="2019" />
  <input type="button" name="" id="cl" value="清除" onclick="fclear()"/>
 <script>
	function fclear() {
	  document.getElementById('year').value = "";
	}
	document.getElementById('year').onfocus = fclear;
 </script>

首先 document.getElementById('year')所在的js片段，要在控件定义之后，页面已经在js片段前又了year对象的定义 其次，onfocus也好onclick也好，后边应该跟一个函数名或一个闭包函数 而本例中，应该用函数名方式定义，否则cl的onclick方法调用无法实现 再次，你得注意，input type=button、submit、reset、radio、checkbox用click事件比较好，而input type=text、password等用focus比较好 最后，你得注意，你到底要点哪个？ 又要改变哪个对象的内容？cl和year分别是什么

[NANU-NANA]

去掉document.getElementById("cl").onclick =

直接写function fclear()

[「已注销」]

引用 11 楼 文盲老顾的回复:

好吧，问题还不只这一个，我一个一个说

  <input type="text" name="" id="year" maxlength="4" size="4" value="2019" />
  <input type="button" name="" id="cl" value="清除" onclick="fclear()"/>
 <script>
	function fclear() {
	  document.getElementById('year').value = "";
	}
	document.getElementById('year').onfocus = fclear;
 </script>

首先 document.getElementById('year')所在的js片段，要在控件定义之后，页面已经在js片段前又了year对象的定义 其次，onfocus也好onclick也好，后边应该跟一个函数名或一个闭包函数 而本例中，应该用函数名方式定义，否则cl的onclick方法调用无法实现 再次，你得注意，input type=button、submit、reset、radio、checkbox用click事件比较好，而input type=text、password等用focus比较好 最后，你得注意，你到底要点哪个？ 又要改变哪个对象的内容？cl和year分别是什么

好的，非常感谢！我还得去多了解一下

[「已注销」]

引用 12 楼 NANU-NANA的回复:

去掉document.getElementById("cl").onclick =

直接写function fclear()

嗯嗯，这样可以了非常感谢

[NANU-NANA]

引用 14 楼 Bin_yaping 的回复:

[quote=引用 12 楼 NANU-NANA的回复:]去掉document.getElementById("cl").onclick =

直接写function fclear()

嗯嗯，这样可以了非常感谢[/quote]

那就结帖吧