清除前端标签中(输入框)的内容

简介: 清除前端标签中(输入框)的内容

这个问题还是前段时间遇到,最近双十一刚过,就把遗留的一些小问题来总结一下,这个问题就比较简单了,不做过多解释了。


清除标签中的内容方法:


1.原生js方法


(1)input框中的内容


document.getElementById("inputId").value="";


(2)其他标签的内容


document.getElementById("tagName").innerHTML="";


牢记:

input标签的值是通过value属性来设置的;

其他大多数标签都是通过innerHTML来设置的;


原因:

input是单标签,没有innerHTML属性。只能通过value属性来设置其中的内容;

innerHTML 属性可设置或返回单元格的开始标签和结束标签之间的 HTML,即只有双标签才有innerHTML属性。


2.jquery实现


<code id="show"></code>
<a href="javascript:clearWindow();">清除内容</a>
function clearWindow(){
  $("#show").empty();
}


a.

$('#show').html('');


b.

$('#show').empty();


jquery的两种方式有区别:


a方法:


(’#show’).html(’’);会造成内存泄漏,它只清空该对象的内部元素,但是不会清除注册在内部元素上的事件。如果id=show的code标签上还注册有其它事件,那些事件代码也要占用内存。你使用$(’#show’).html(’’);来清空标签的内容,当然也可以清空内容,但是注册在这些code标签上的事件代码并没有被清理掉,这些事件代码仍然保留在内存里,并且无法得到释放。


b方法:


(’#show’).empty();会清空内容和注册在该标签上的事件,因此这样就防止内存泄露。


一般我用到的是js原生方法,jquery实现方法比较少用,一定要避免使用内存泄漏的清空方法


目录
相关文章
|
6月前
|
存储 JavaScript 前端开发
前端xss攻击——规避innerHtml过滤标签节点及属性
前端xss攻击——规避innerHtml过滤标签节点及属性
384 4
|
6月前
|
前端开发 数据安全/隐私保护
web前端----------网页中的输入框
web前端----------网页中的输入框
181 0
|
6月前
|
前端开发
前端通过input标签封装Upload组件实现文件上传
前端通过input标签封装Upload组件实现文件上传
229 0
|
11月前
|
前端开发
【前端学习从青铜到王者】—HTML常用标签(二)
【前端学习从青铜到王者】—HTML常用标签(二)
|
2月前
|
前端开发 数据安全/隐私保护
【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】
本文档详细介绍了HTML表单的多种元素及其用法,包括下拉菜单(`&lt;select&gt;` 和 `&lt;option&gt;`)、文本域(`&lt;textarea&gt;`)、标签解释(`&lt;label&gt;`)、各类按钮(`&lt;button&gt;`)及表单重置功能、无语义布局标签(`&lt;div&gt;` 和 `&lt;span&gt;`)以及字符实体的应用。此外,还提供了一个完整的注册信息表单案例,涵盖个人信息、教育经历和工作经历等部分,展示了如何综合运用上述元素构建实用的表单。
【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】
|
2月前
|
前端开发 BI
前端基础(十)_标签分类(行级标签、块级标签、行块标签)
本文阐述了HTML标签的分类,包括行级标签、块级标签和行块标签,并展示了如何使用CSS的display属性实现标签类型之间的转换。
59 3
|
2月前
|
前端开发
前端基础(二)_HTML常用标签(块级标签、行级标签、行块级标签)
本文详细介绍了HTML中的常用标签,包括块级标签(如`h1`至`h6`、`p`、`div`等)、行级标签(如`span`、`b`、`strong`、`i`、`em`、`sub`、`sup`、`del`、`a`等),以及行块级标签(如`img`)。文章解释了这些标签的用途、特点和基本用法,并通过示例代码展示了如何在HTML文档中使用它们。
111 1
|
2月前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
50 13
|
5月前
|
数据采集 移动开发 前端开发
前端基本标签,快捷键
前端基本标签,快捷键
|
4月前
|
前端开发
前端使用 <el-descriptions>标签报错: <el-descriptions> - did you register the component correctly
前端使用 <el-descriptions>标签报错: <el-descriptions> - did you register the component correctly
311 0