数据清空js清空div里的数据问题

废话就不多说了,开始。。。

     近期做开辟,遇到很有意思的细节问题。

     如题,即用js清空div里的数据,本来是件很简单的事情,结果因为个小细节,浪费了一些时间,写出来希望能帮到遇到类似问题的人。

   

     一、先上有问题代码

   1.html代码

  

<body>
<div class="check_container" id="div_check_container">
  <div class="check_container_top" id="div_check_container_top">数据测试</div>
  <div class="check_container_middle" id="div_check_container_middle"><input type="button" id="btn_check_start" name="btn_check_start" value="开始测试" onClick="start_check()"><input type="button" id="clear" onClick="clear()" value="清空数据"></div>
  <div class="check_container_bottom" id="div_check_container_bottom">表现数据</div>
</div>
</body>
    每日一道理
如果说友谊是一颗常青树,那么,浇灌它的必定是出自心田的清泉;如果说友谊是一朵开不败的鲜花,那么,照耀它的必定是从心中升起的太阳。 多少笑声都是友谊唤起的,多少眼泪都是友谊揩干的。友谊的港湾温情脉脉,友谊的清风灌满征帆。友谊不是感情的投资,它不需要股息和分红。(友谊可以换其他词语)

    
   2.js代码

//清空数据函数
	function clear(){
		//window.alert("clicked");


		 var element_div = document.getElementById("div_check_container_bottom");
		  //window.alert("element_div"+element_div);
		  element_div.innerHTML = "";
		}

    如上:在点击清空数据按钮以后是没法实现清空数据效果的,代码逻辑是没有问题的,只是我的函数名有点小问题,clear()。这个函数名可能是js保存的,因此实现不了。

    后我改成如下text_clear就行了

//清空数据函数
	function text_clear(){
		//window.alert("clicked");


		 var element_div = document.getElementById("div_check_container_bottom");
		  //window.alert("element_div"+element_div);
		  element_div.innerHTML = "";
		}

    
 

    继续开辟。。

文章结束给大家分享下程序员的一些笑话语录: 爱情观
  爱情就是死循环,一旦执行就陷进去了。
  爱上一个人,就是内存泄露--你永远释放不了。
  真正爱上一个人的时候,那就是常量限定,永远不会改变。
  女朋友就是私有变量,只有我这个类才能调用。
  情人就是指针用的时候一定要注意,要不然就带来巨大的灾难。

--------------------------------- 原创文章 By
数据和清空
---------------------------------

原文地址:https://www.cnblogs.com/xinyuyuanm/p/3104906.html