脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → 清除标签

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

 更新时间：2014年02月17日 16:28:24   作者：  
清除标签的方法有很多，下面有个不错的示例可以清楚div下面的所有标签,需要的朋友可以参考下
复制代码 代码如下:

<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; //选择第一项
}
}

相关文章

最新评论