清除div下面的所有标签的方法


Posted in Javascript onFebruary 17, 2014
<div id="slides"> 
<div id="content-main" name="content-main"> 
<div id="a"> 
<img src="img/example-slide-1.jpg" alt="1"> 
</div> 
</div> 
<div id="content-main" name="content-main"> 
<div id="b"> 
<img src="img/example-slide-2.jpg" alt="1"> 
</div> 
</div> </div> 
<input id="p" type="button" value="add" onclick="add1();"/> 
<input id="p" type="button" value="add33" onclick="clear();"/>

function add1(){//添加一个div content-main 
var obj=document.createElement("div"); 
obj.id="content-main"; 
obj.innerHTML='<div id="c">'+ 
'<img src="img/example-slide-3.jpg" alt="3">'+ 
'</div>'; 
$('#slides').append(obj); 
} function clear(){//清除slides下的所有div和img 
var div1=document.getElementById("slides").getElementsByTagName("div"); 
for(var i=0;i<div1.length;i++){ 
div1[i].innerHTML=''; 
} 
}

function ClearAllText(divInput){ //清空div下多有text文本框的内容,重置 
var txts = document.getElementById('divInput').getElementsByTagName("input"); 
for(var i=0;i<txts.length;i++) 
{ 
if(txts[i].type=="text"){ 
txts[i].value =""; //text 清空 
} 
} 
var selects = document.getElementById('divInput').getElementsByTagName("select"); 
for(var i=0;i<selects.length;i++) 
{ 
selects[i].options[0].selected = true; //选择第一项 
} 
}
Javascript 相关文章推荐
理解Javascript_06_理解对象的创建过程
Oct 15 Javascript
一个简单的JavaScript数据缓存系统实现代码
Oct 24 Javascript
form表单中去掉默认的enter键提交并绑定js方法实现代码
Apr 01 Javascript
jQuery让控件左右移动的三种实现方法
Sep 08 Javascript
JavaScript实现的一个日期格式化函数分享
Dec 06 Javascript
JavaScript中数组Array方法详解
Feb 27 Javascript
js导出Excel表格超出26位英文字符的解决方法ES6
Nov 15 Javascript
解决淘宝cnpm 安装后cnpm不是内部或外部命令的问题
May 17 Javascript
vue.js过滤器+ajax实现事件监听及后台php数据交互实例
May 22 Javascript
Webpack4 使用Babel处理ES6语法的方法示例
Mar 07 Javascript
基于javascript的拖拽类封装详解
Apr 19 Javascript
js实现简单点赞操作
Mar 17 Javascript
JS控制一个DIV层在指定时间内消失的方法
Feb 17 #Javascript
js打开新窗口方法整理
Feb 17 #Javascript
Javascript浮点数乘积运算出现多位小数的解决方法
Feb 17 #Javascript
eclipse导入jquery包后报错的解决方法
Feb 17 #Javascript
jsp网页搜索结果中实现选中一行使其高亮
Feb 17 #Javascript
javascript向后台传送相同属性的参数即数组参数
Feb 17 #Javascript
jquery的ajax简单结构示例代码
Feb 17 #Javascript
You might like
PHP获取文件后缀名的三个函数
2012/10/15 PHP
PHP中对缓冲区的控制实现代码
2013/09/29 PHP
php环境无法上传文件的解决方法
2014/04/30 PHP
PHP如何通过AJAX方式实现登录功能
2015/11/23 PHP
php把字符串指定字符分割成数组的方法
2018/03/12 PHP
ThinkPHP5.0多个文件上传后找不到临时文件的修改方法
2018/07/30 PHP
JS与框架页的操作代码
2010/01/17 Javascript
JavaScript高级程序设计阅读笔记(十六) javascript检测浏览器和操作系统-detect.js
2012/08/14 Javascript
Js获取下拉框选定项的值和文本的实现代码
2014/02/26 Javascript
原生javascript实现DIV拖拽并计算重复面积
2015/01/02 Javascript
网页禁用右键菜单和鼠标拖动选择方法小结
2015/02/25 Javascript
解决JS请求服务器gbk文件乱码的问题
2015/10/16 Javascript
JavaScript必知必会(七)js对象继承
2016/06/08 Javascript
JS当前页面登录注册框,固定DIV,底层阴影的实例代码
2016/09/29 Javascript
常用jQuery选择器汇总
2017/02/02 Javascript
js实现一键复制功能
2017/03/16 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
2017/07/24 Javascript
BootStrap入门学习第一篇
2017/08/28 Javascript
jfinal与bootstrap的登出实战详解
2017/11/27 Javascript
微信小程序获取手机网络状态的方法【附源码下载】
2017/12/08 Javascript
详解Vue单元测试Karma+Mocha学习笔记
2018/01/31 Javascript
微信小程序-form表单提交代码实例
2019/04/29 Javascript
[02:04]完美世界城市挑战赛秋季赛报名开始 谁是solo路人王?
2019/10/10 DOTA
《Python之禅》中对于Python编程过程中的一些建议
2015/04/03 Python
关于Python中异常(Exception)的汇总
2017/01/18 Python
python深度优先搜索和广度优先搜索
2018/02/07 Python
python设置值及NaN值处理方法
2018/07/03 Python
Python内存读写操作示例
2018/07/18 Python
在vscode中配置python环境过程解析
2019/09/28 Python
python匿名函数的使用方法解析
2019/10/10 Python
python中的错误如何查看
2020/07/08 Python
css3 flex布局 justify-content:space-between 最后一行左对齐
2020/01/02 HTML / CSS
HTML5 input元素类型:email及url介绍
2013/08/13 HTML / CSS
单位活动策划方案
2014/08/17 职场文书
旅游局领导班子“四风”问题对照检查材料思想汇报
2014/09/29 职场文书
民用住房租房协议书
2014/10/29 职场文书