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

赞 (0)

相关推荐

  • 清除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=&quo

  • PHP清除字符串中所有无用标签的方法

    本文实例讲述了PHP清除字符串中所有无用标签的方法.分享给大家供大家参考.具体实现方法如下: 很多时候需要输出一些 "纯" 字符串,也就是去除任何杂质,例如 Html 标签.空格之类的文本,输出的摘要就是如此,下面的这个函数可以帮你实现着一点. PHP实例代码如下: 复制代码 代码如下: function Bing_string_cleanr( $string ){  $string = trim( $string );   $string = strip_tags( $string

  • jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法

    本文实例讲述了jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法.分享给大家供大家参考.具体分析如下: jQuery通过load()方法载入另外一个网页文件内的指定标签内容到div标签,如果我们可以加载网页b.html中的id为p1的标签内容到网页a.html的div标签内 <!DOCTYPE html> <html> <head> <script src="js/jquery.min.js"> <

  • python 3利用BeautifulSoup抓取div标签的方法示例

    前言 本文主要介绍的是关于python 3用BeautifulSoup抓取div标签的方法示例,分享出来供大家参考学习,下面来看看详细的介绍: 示例代码: # -*- coding:utf-8 -*- #python 2.7 #XiaoDeng #http://tieba.baidu.com/p/2460150866 #标签操作 from bs4 import BeautifulSoup import urllib.request import re #如果是网址,可以用这个办法来读取网页 #h

  • JS创建Tag标签的方法详解

    JS创建Tag标签的方法详解

    本文实例讲述了JS创建Tag标签的方法.分享给大家供大家参考,具体如下: 一 . 创建标签其原理就是 创建一个节点: var x = document.createElement("TagName") 赋予节点样式: x.setAttribute("class",类名) 对节点进行赋值: x.innerHTML = 内容 //赋值 添加节点到父元素 要添加到的元素.appendChild(x); 二. 样式图: 三. 主要代码流程: HTML部分: <div

  • javascript动态添加删除tabs标签的方法

    本文实例讲述了javascript动态添加删除tabs标签的方法.分享给大家供大家参考.具体实现方法如下: <html> <HEAD> <TITLE>网页对话</TITLE> <LINK href="style.css" type=text/css rel=stylesheet> <script> function $(obj) { var o = typeof(obj)=="object" ?

  • php正则删除img标签的方法示例 原创

    本文实例讲述了php正则删除img标签的方法.分享给大家供大家参考,具体如下: 一.问题 正则抓取过程中需要删除正文中的img标签,如: <div>欢迎访问我们<img src="http://www.jb51.net/images/logo.gif" /></div> 要求删除后变成: <div>欢迎访问我们</div> 二.解决方法: $str='<div>欢迎访问我们<img src="htt

  • Java使用正则表达式删除所有HTML标签的方法示例

    本文实例讲述了Java使用正则表达式删除所有HTML标签的方法.分享给大家供大家参考,具体如下: package com.xz.cxzy.utils; import java.util.regex.Matcher; import java.util.regex.Pattern; public class HtmlUtil { private static final String regEx_script = "<script[^>]*?>[\\s\\S]*?<\\/sc

  • JS清除字符串中重复值的实现方法

    本文实例讲述了JS清除字符串中重复值的实现方法.分享给大家供大家参考,具体如下: /// <summary> /// 清除字符串中重复的值 /// </summary> /// <param name="Text">字符串</param> /// <param name="Label">标签(如:| ,)</param> function FilterRepeatStr(Text, Label)

  • php截取html字符串及自动补全html标签的方法

    本文实例讲述了php截取html字符串及自动补全html标签的方法.分享给大家供大家参考.具体分析如下: 这里总结一下关于利用php截取html字符串自动补全html标签,实际开发中会经常碰到,很多人直接先strip_tags过滤掉html标签,但是就只剩下纯文本了,可读性非常差,下面是一个函数,代码如下: 复制代码 代码如下: /**  * 截取HTML,并自动补全闭合  * @param $html  * @param $length  * @param $end  */ function

随机推荐