清除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 相关文章推荐
JSON 和 JavaScript eval使用说明
Jun 13 Javascript
node.js chat程序如何实现Ajax long-polling长链接刷新模式
Mar 13 Javascript
js history对象简单实现返回和前进
Oct 30 Javascript
JS中typeof与instanceof之间的区别总结
Nov 14 Javascript
jQuery修改li下的样式以及li下的img的src的值的方法
Nov 02 Javascript
JavaScript生成随机数的4种自定义函数分享
Feb 28 Javascript
一个简单的JavaScript Map实例(分享)
Aug 03 Javascript
微信小程序 触控事件详细介绍
Oct 17 Javascript
从零学习node.js之详解异步控制工具async(八)
Feb 27 Javascript
微信小程序tabBar模板用法实例分析【附demo源码下载】
Nov 28 Javascript
微信小程序授权登录及解密unionId出错的方法
Sep 26 Javascript
详解vue-flickity的fullScreen功能实现
Apr 07 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设置一边执行一边输出结果的代码
2013/09/30 PHP
浅谈php正则表达式中的非贪婪模式匹配的使用
2014/11/25 PHP
php模拟用户自动在qq空间发表文章的方法
2015/01/07 PHP
php发送邮件的问题详解
2015/06/22 PHP
PHP静态成员变量
2017/02/14 PHP
javascript学习笔记(六) Date 日期类型
2012/06/19 Javascript
js加减乘除丢失精度问题解决方法
2014/05/16 Javascript
js去除输入框中所有的空格和禁止输入空格的方法
2014/06/09 Javascript
JavaScript使用Replace进行字符串替换的方法
2015/04/14 Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
2015/11/29 Javascript
体验jQuery和AngularJS的不同点及AngularJS的迷人之处
2016/02/02 Javascript
使用PBFunc在Powerbuilder中支付宝当面付款功能
2016/10/01 Javascript
JS获取IE版本号与HTML设置IE文档模式的方法
2016/10/09 Javascript
开源免费天气预报接口API及全国所有地区代码(国家气象局提供)
2016/12/26 Javascript
Vue 过渡(动画)transition组件案例详解
2017/01/22 Javascript
vue-cli项目修改文件热重载失效的解决方法
2018/09/19 Javascript
JS获取月的第几周和年的第几周实例代码
2018/12/05 Javascript
用npm-run实现自动化任务的方法示例
2019/01/14 Javascript
[01:35]辉夜杯战队访谈宣传片—LGD
2015/12/25 DOTA
Python操作Excel之xlsx文件
2017/03/24 Python
Python简单网络编程示例【客户端与服务端】
2017/05/26 Python
python操作excel的方法(xlsxwriter包的使用)
2018/06/11 Python
Tensorflow 查看变量的值方法
2018/06/14 Python
python opencv判断图像是否为空的实例
2019/01/26 Python
Python eval的常见错误封装及利用原理详解
2019/03/26 Python
Python中常用的8种字符串操作方法
2019/05/06 Python
HTML5的表单(绝对特别强大的功能)使用示例
2013/06/20 HTML / CSS
学生党员思想汇报
2013/12/28 职场文书
试用期转正鉴定评语
2014/01/27 职场文书
电子信息工程专业自荐书
2014/06/24 职场文书
安全目标责任书
2014/07/22 职场文书
银行给客户的感谢信
2015/01/23 职场文书
工程进度款催款函
2015/06/24 职场文书
MySQL系列之十二 备份与恢复
2021/07/02 MySQL
青岛市的收音机研制与生产
2022/04/07 无线电
Python开发五子棋小游戏
2022/04/28 Python