-
javascript 清楚dom所有子结点的问题5
<div id="root">
<div id="1_1">
<div id="1_1_1">1_1_1</div>
<div id="1_1_2">1_1_2</div>
</div>
<div id="1_2">1_2</div>
<div id="1_3">1_3</div>
</div>
假设 'root' 为根结点
我想清除root下所有的结点
这个该怎么写呢
这个问题困扰我好久了
请大家帮帮忙,非常感谢!
(希望ie和firefox下都能运行)
2008年6月04日 15:34
添加评论
关注(0)2个答案 按时间排序 按投票排序
-
最简单的方法:
var root=document.getElementById("root"); root.innerHTML="";//直接清空内部HTML代码.
傻办法:var root=document.getElementById("root"); for(var i=0;i<root.childNodes.length;i++){ //遍历root所有的子节点,并依次移除. root.removeChild(root.childNodes[i]); }2008年6月04日 19:09
相关推荐
DOM节点克隆是JavaScript中一个重要的概念，它允许我们创建现有DOM节点的副本，这对于数据备份、重复元素或者创建复杂动态效果非常有用。本文将详细介绍JavaScript中的DOM节点克隆，包括浅复制和深复制的区别。 一...
document 树结点 parentElement 父元素 parentNode 父结点 childNodes 所有子结点 有s哦 firstChild 第一个子结点 lastChild 最后一个子结点 nextSibling 下一个兄弟结点 previousSibling 上一个兄弟结点
JavaScript中的DOM操作是一个非常重要的概念和技能，它允许我们通过JavaScript代码动态地操作和修改网页的内容、结构和样式。DOM（文档对象模型）是一种与平台和语言无关的接口，它允许程序和脚本动态地访问和更新...
Dom 结点创建基础知识 Dom 结点创建是 JavaScript 中的一种常见操作，用于创建新的 HTML 元素并将其添加到文档中。下面是关于 Dom 结点创建的基础知识回顾。 什么是 Dom 结点？ Dom 结点是文档对象模型（Document...
第二个模块是DOM与JavaScript结合应用，包括结点获取技术、结点属性设置控制技术。第三个模块是JavaScript编程原则，包括“预留退路”和“与页面分离”两个实验。第四个模块是JavaScript动态控制，主要指导学生如何...
在网页开发中，DOM（Document Object Model）是HTML或XML文档的一种结构化表示，它允许开发者通过JavaScript等脚本语言与网页内容进行交互。当在网页上发生事件时，如鼠标点击，我们有时需要找出是哪个DOM节点触发了...
为了解决这个问题，我们可以编写如下的`children`函数来获取元素的所有子元素： ```javascript function children(element) { if (!element.children) { var iNodes = element.childNodes; var result = new ...
在后台采用XML存储数据信息，前台使用JavaScript通过DOM将XML文档调入内存后，形成内存文档树，通过遍历算法很容易实现内存结点的查询、新建、修改、删除等操作。 然而，无法将内存的内容写入到XML文件中，这是由于...
本文实例讲述了JavaScript实现的DOM树遍历方法。分享给大家供大家参考，具体如下： 二叉 DOM 树的遍历 function Tree() { var Node = function(key){ this.key = key; this.left = null; this.right = null; }...
// 将新创建的li元素添加到父元素的子节点中 ``` 创建文本节点和属性节点则更加简单。在创建元素节点时，可以直接在标签内部写入文本内容，以创建文本节点： ```javascript var $li = $("新增节点：数据结构</li>...
当原有的COM被移除时，子结点引用的对象没有被移除则无法回收。这会导致DOM泄露。 4. 定时器泄露 定时器也是常见产生内存泄露的地方：当定时器的回调函数中引用了外部的变量时，定时器无法被释放。 三、如何避免...
### JavaScript学习总结 #### 1. JavaScript概述 JavaScript是一种轻量级、解释型的编程语言，具有面向对象的特性。由于其与操作系统无关且依赖于JavaScript引擎，因此它能够跨平台运行。现代浏览器内置了...
17. removeChild：从子结点列表中删除指定的子节点 18. replaceChild：从子节点列表中替换指定的子节点 19. Save：把 XML 文件存到指定节点 20. selectNodes：对节点进行指定的匹配，并返回匹配节点列表 21. ...
例如，`$("#div1").children()`选取了id为div1的元素的所有直接子元素。 2. `find()`方法：此方法可以选取当前元素下的所有后代元素，不限于直接子元素。如`$("#div1").find("a")`会选取id为div1的元素内的所有a...
例如，在JavaScript的DOM API中，应使用`Node.removeChild()`方法，而不是简单地将子节点赋值为`null`。 2. **替换节点**：如果只是想替换节点的内容，可以先创建一个新的空节点，然后用新节点替换旧的，再删除旧...
XML document对象模型手册包括了JavaScript对Dom结点的解析和对XML的操作。
这在处理具有层次关系的数据时非常常见，比如组织结构、文件系统或者网页的DOM元素等。在给定的场景中，根节点的深度被定义为0，而每个子节点的深度则是其父节点深度加1。这样的定义使得我们可以通过递归或者广度...
- cloneNode()方法：复制一个结点，如果传递了参数true，则会复制该结点下的所有子节点。 通过这些基本的DOM方法，开发者可以在客户端动态地修改HTML文档的结构，实现复杂的用户交互效果，如异步内容加载、元素...
利用JavaScript，我们可以操作DOM（文档对象模型）来改变页面上的元素，而appendchild是其中常用的DOM操作方法，用于在指定父节点的子节点列表的末尾添加一个新的子节点。本文将详细介绍appendChild方法的使用和一个...