js清空div里的数据问题

比眉伴天荒 2022-04-25 05:20 191阅读 0赞

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

如题，即用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 = "";
    		}

继续开发。。

发表评论取消回复

表情：

评论列表（有 0 条评论，191人围观）

还没有评论，来说两句吧...

相关阅读

相关 js清空input file的值

因为js的安全机制规定不可以直接用js修改file的value为有效值，所以解决方法是设置file的value为空字符，或者把file的html重新初始化来解决清空的问题。

迈不过友情╰/ 2023年06月14日 04:25/ 0 赞/ 158 阅读

相关编辑表格时弹窗里的el-form数据清空

// 弹窗里的表格绑定数据 dialogForm:{ buyNum: '', energyName: '', stor

╰半夏微凉°/ 2022年12月11日 07:55/ 0 赞/ 95 阅读

相关 hive清空外表数据

如果是这样建立外表的 CREATE EXTERNAL TABLE \`Target\`( \`yyyyyyy\` string, \`xy\_x\` d

待我称王封你为后i/ 2022年11月15日 01:17/ 0 赞/ 226 阅读

相关 solr清空索引数据

Solr 删除全部索引： [http://localhost:8080/solr/update/?stream.body=<delete><query>\:\</query><

怼烎@/ 2022年08月08日 17:58/ 0 赞/ 218 阅读

相关 Sqlite清空表数据

[Sqlite清空表数据][Sqlite] deletefrom TableName; //清空数据 update sqlite_sequence SE

小咪咪/ 2022年07月17日 01:46/ 0 赞/ 235 阅读

相关 redis清空数据

最近测试环境cachecloud平台清空数据，发现还存在数据，只能走服务器上登录清空。使用redis-cli命令登录 \[root@ip-wolf~\]\ r

绝地灬酷狼/ 2022年06月09日 23:38/ 0 赞/ 236 阅读

相关 ajax和清空div下的输入框

//定义重置事件 var resetProcess = function(){ //清空某个div下的input clearDiv($("co

亦凉/ 2022年05月26日 02:36/ 0 赞/ 215 阅读

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

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

比眉伴天荒/ 2022年04月25日 05:20/ 0 赞/ 192 阅读

相关清空表数据 xml

<update id="truncateXhPayCheckBank"> truncate table `xhpay

约定不等于承诺〃/ 2022年03月20日 09:30/ 0 赞/ 318 阅读

相关 javascript怎么清空一个div里面的内容

(1)清空div里面的东西：方法一： $("interfaceContent").html(""); 方法二： document.get

￡神魔★判官ぃ/ 2022年03月18日 04:54/ 0 赞/ 296 阅读