清除div下面的所有标签的方法_Javascript教程-查字典教程网
清除div下面的所有标签的方法
清除div下面的所有标签的方法
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:复制代码代码如下:functionadd1(){//添加一个divcontent-mainvarobj=document....

复制代码 代码如下:

<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"/>

<input id="p" type="button" value="add33"/>

复制代码 代码如下:

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教程学习
    编程开发子分类