`

点主DIV删除其中的所有子DIV

    博客分类:
  • js
 
阅读更多
<script type="text/javascript">
function removeChildDiv(obj){
   obj.style.display="none";
  var divs = obj.getElementsByTagName("div");
  for(var n=0; n<divs.length; n++){
    divs[n].removeNode(true)
  }
}
</script>
<div style='height:500;background:red' onclick="removeChildDiv(this)">
<div style="background:blue;height:200">删除它sdf</div>删除它
</div>
sdfasd
分享到:
评论

相关推荐

    DIV可编辑模式在光标位置插入内容

    `contenteditable`属性是一个布尔值属性,当应用于元素时,使得元素及其所有子元素都成为可编辑的。如果设置为`true`或不设置任何值,元素则变为可编辑;若设置为`false`,则元素不可编辑。例如: ```html &lt;div ...

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

    该函数首先通过`getElementsByTagName("div")`获取`slides`下的所有`div`元素,然后使用一个`for`循环遍历这些元素,将它们的`innerHTML`属性设为空字符串,从而移除其中的内容。 此外,代码中还提供了一个名为`...

    164精美网页模板(div+css)131-040

    "164精美网页模板(div+css)131-040"是一个专门针对网页设计的资源集合,其中包含了131到040共164个不同的网页模板,每个模板都是基于Div+CSS技术来构建的。Div+CSS是现代网页设计中常用的技术,它将内容(Div)与...

    CSS控制div在网页中的位置

    例如,你可以将一个容器div设置为相对定位,然后将其中的子元素设置为绝对定位。这样一来,子元素会相对于父容器进行定位,而不是整个页面。这种技巧特别适用于创建弹出框、侧边栏或其他需要在页面中精确定位的组件...

    js动态删除div元素基本思路及实现代码

    在这个例子中,我们有一个名为`serchResult`的容器,其中包含所有待删除的`div`子元素。可以通过`getElementById`或`querySelectorAll`等方法获取这些元素。 2. **反向遍历**:为了确保在删除元素时不改变正在遍历...

    js+css+div导航菜单

    标题中的"js+css+div导航菜单"是指一种利用JavaScript(js)、层叠样式表(css)和定义网页布局的&lt;div&gt;元素共同构建的交互式网站导航菜单。这种菜单能够提供动态效果,增强用户体验,使用户更容易浏览和访问网站的...

    等级树 js +div

    在等级树中,"root"通常指的是层次结构的起始点或顶级节点,它是所有其他节点的父节点。在JavaScript中,我们可以创建一个对象作为根节点,并通过添加子节点对象来构建整个树形结构。 在2010年7月26日这个时间点,...

    div+css书写规范

    下面将详细讲解其中的知识点: 1. **文件命名规范**: - 全局样式:通常用`global.css`表示,包含通用的样式规则。 - 框架布局:`layout.css`用来定义页面的整体布局结构。 - 字体样式:`font.css`集中管理页面...

    flex实现的删除子容器

    - **容器(Flex Container)**:设置`display: flex`或`display: inline-flex`的元素成为Flex容器,它的所有直接子元素自动成为Flex项目(Flex Items)。 - **主轴(Main Axis)与侧轴(Cross Axis)**:主轴是...

    经典的DIV+CSS小代码

    在网页设计领域,`DIV+CSS`是一种广泛采用的技术,用于布局和美化页面。这个压缩包包含了一系列实用的代码示例,适合初学者和有一定经验的WEB基础技术人员学习。下面,我们将逐一解析这些文件名所代表的HTML和CSS...

    jQuery使用empty()方法删除元素及其所有子元素的方法

    其中,empty()方法是jQuery提供的一个用于清空选定元素内所有内容的方法,包括文本、图片、子元素等,但不会移除该元素本身。empty()方法的使用对Web开发人员来说是必须掌握的一项基本技能,特别是当需要动态地修改...

    javascript 对象操作作业题

    根据提供的文件内容,我们可以将其中的关键知识点归纳如下: ### JavaScript对象操作作业题解析 #### 题目一:创建div并设置innerHTML值 1. **创建一个div元素**: - 使用`document.createElement('div')`创建一...

    thymeleafth常用标签

    - **说明**:此例中,`div` 元素绑定到了 `${session.user}` 对象上,这样就可以使用点操作符访问该对象的属性。 ##### 5. `th:value` - **功能介绍**:用于设置表单元素的值。 - **案例**: ```html ${user....

    IE9下DIV本来应该居中的结果显示为居左

    在IE9以上版本可以直接使用margin: 0 auto实现居中,在IE9以下版本则需要额外设置父容器的text-align属性以及子DIV的左右外边距为auto。这些知识点为处理在不同版本IE浏览器下的布局兼容性问题提供了具体的解决思路...

    jQuery – 删除元素

    在JavaScript的世界里,jQuery库为开发者提供了方便快捷的方式来操作DOM元素,其中删除元素是常见的需求之一。本篇文章将深入探讨jQuery中的`remove()`和`empty()`两个方法,以及如何使用它们来有效地清理HTML结构。...

    jQuery实现的拖动DIV模块自定义布局特效源码(支持放大缩小).zip

    6. **事件委托**:当动态添加或删除元素时,使用事件委托如`.on()`的代理模式,可以在父元素上绑定事件,处理子元素的事件,提高性能并避免内存泄漏。 7. **坐标计算**:在实现拖动功能时,需要计算鼠标与元素的...

    Xpath实现的网络爬取教程PPT

    - `//div[@id='u_sp']/*` 表示选取所有 id 为 'u_sp' 的 `&lt;div&gt;` 标签下的任意子元素。 5. **路径组合** - 使用 `|` 符号来组合多个路径选择,例如 `//meta | //title` 表示选取所有 `&lt;meta&gt;` 和 `&lt;title&gt;` 标签...

    jQuery入门

    - `$("div:has(p)")`:选择包含`&lt;p&gt;`子元素的`&lt;div&gt;`元素。 - `$("img[alt]")`:选择具有`alt`属性的所有`&lt;img&gt;`元素。 - `$("a[href$=.jsp]")`:选择`href`属性值以`.jsp`结尾的所有`&lt;a&gt;`元素。 - `$("button[id*=...

    jQuery.Reference.Guide

    ### jQuery Reference Guide 知识点解析 #### 一、引言 在当今的Web开发领域,JavaScript库无疑占据了举足轻重的地位。其中,jQuery作为最受欢迎的JavaScript库之一,为前端开发者提供了强大的功能与便捷性。...

    javascript树形结构控件

    每个节点可能包含ID、文本、子节点数组等属性,其中子节点数组用于存放其子级的节点对象。 5. **状态管理**: - 控件需要维护每个节点的展开/折叠状态,这可以通过在节点对象中添加额外的状态字段,如`expanded`来...

Global site tag (gtag.js) - Google Analytics