zoukankan      html  css  js  c++  java
  • 数据清空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
    数据和清空
    ---------------------------------

  • 相关阅读:
    JUnit手记
    Guava手记
    深表浅表拷贝
    异常问题仓库
    记录一次“记录超长”
    高二数学微课堂[教学视频]
    高一数学微课堂[教学视频]
    用导数研究函数的性质
    均值不等式的常见使用技巧
    一元二次方程根的分布
  • 原文地址:https://www.cnblogs.com/xinyuyuanm/p/3104906.html
Copyright © 2011-2022 走看看