`
cakin24
  • 浏览: 1388155 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

DOM删除节点

阅读更多
一 介绍
删除节点通过使用removeChild()方法来实现。
removeChild()方法用来删除一个子节点。
obj. removeChild(oldChild)
oldChild:表示需要删除的节点。
 
二 应用
删除节点,本示例将通过DOM对象的removeChild()方法,动态删除页面中所选中的文本。
 
三 代码
<head>
<title>删除节点</title>
<script language="javascript">
<!--
function delNode()
{
var deleteN=document.getElementById('di');
if(deleteN.hasChildNodes())
{
	 	deleteN.removeChild(deleteN.lastChild);
}
}
-->
</script>
</head>
<body>
<h1>删除节点</h1>
<div id="di">
<p>第一行文本</p>
<p>第二行文本</p>
<p>第三行文本</p>
</div>
<form>
<input type="button" value="删除" onclick="delNode();"/>
</form>
</body>
 
四 运行结果


 
  • 大小: 3.9 KB
1
0
分享到:
评论

相关推荐

    删除DOM节点 删除DOM节点

    删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点删除DOM节点...

    XML应用开发(软件品牌)-1期 6.6 课堂实践-XML DOM删除节点.doc

    本篇我们将聚焦于XML DOM删除节点的实践,通过两个具体任务来深入理解这一过程。 首先,我们需要了解DOM的基本概念。DOM是一种W3C标准,它定义了XML文档的结构以及如何通过编程接口与XML数据交互。在DOM模型中,每...

    XML应用开发(软件品牌)-1期 6.6 案例分析-XML DOM删除节点.doc

    在本文中,我们将深入探讨XML文档对象模型(DOM)中的删除节点操作,这是XML应用开发中的一个重要技能。DOM允许我们以编程方式操作XML文档,包括添加、修改和删除节点。以下将详细介绍如何删除元素节点和属性节点。 ...

    dom节点的添加与删除

    dom节点的添加与删除适合初级阅读,有解说

    JS实现DOM删除节点操作示例

    在Web开发中,对DOM(文档对象模型)进行动态操作是实现网页动态交互的基础...以上就是关于JS实现DOM删除节点操作的知识点总结,希望本文的内容能够对JavaScript程序设计有所帮助,让大家在进行Web开发时更加得心应手。

    jQuery DOM删除节点操作指南

    ### jQuery DOM删除节点操作指南知识点 #### 1. jQuery DOM操作简介 jQuery是一个快速、小巧且功能丰富的JavaScript库,它简化了HTML文档遍历和操作、事件处理、动画以及Ajax交互等操作。在进行DOM操作时,我们...

    前端教程:65 dom 删除空白节点

    千锋Web前端教程_65_dom_删除空白节点

    解决XML节点删除后会留下一个空节点的问题

    删除节点时,如果只是简单地设置其父节点的子节点列表,可能会使被删除节点的位置变成一个空节点。这是因为DOM树中的位置仍然保留,但内容为空。 要解决这个问题,我们可以采取以下策略: 1. **使用正确的API**:...

    超全面javaweb教程第6天- 12 使用dom4j实现删除节点的操作

    超全面javaweb教程第6天-_12_使用dom4j实现删除节点的操作

    第06章 DOM节点操作(上)

    4. **删除节点**:`removeChild`方法用于删除指定的子节点。 5. **查找和遍历节点**:除了前面提到的`getElementById`和`getElementsByTagName`,还有`querySelector`和`querySelectorAll`,它们分别返回匹配CSS...

    domtoimage使用HTML5canvas从DOM节点生成图像

    1. **DOM(Document Object Model)**:DOM是HTML和XML文档的编程接口,它将文档表示为树形结构,允许程序和脚本动态更新、添加、删除和改变元素和属性。 2. **HTML5 Canvas**:HTML5中的Canvas元素是一个可绘制...

    JAVASCRIPT操作DOM建立增加删除克隆访问节点示例宣贯.pdf

    6. 删除节点 使用 `removeChild()` 方法可以删除一个节点。例如,`node.removeChild(_p);` 将删除 `&lt;p&gt;` 节点。 7. 替换节点 使用 `replaceChild()` 方法可以替换一个节点。例如,`node.replaceChild(_p, _span);...

    使用DOM4J对XML文件操作-添加、修改、删除、获取元素节点

    在本教程中,我们将深入探讨如何使用DOM4J来执行基本的XML操作,包括添加元素、修改元素、删除元素以及获取元素节点。 1. **添加元素节点** 在DOM4J中,添加元素节点通常涉及创建一个新的`Element`对象,然后将其...

    dom解析基本操作删除 修改……

    删除节点可以通过父节点的`removeChild`方法实现。例如,删除名为"two"的元素: ```java if (node.getNodeName().equals("two")) { Node parent = node.getParentNode(); parent.removeChild(node); } ``` #### ...

    JQ 删除节点

    "JQ删除节点"是jQuery中的一个重要功能,允许开发者从DOM(文档对象模型)中移除元素,从而更新页面内容或优化性能。这篇博客文章(虽然链接不可用)很可能详细解释了这一过程。 删除节点是jQuery中的一个常见任务...

    动态插入和删除节点

    综上所述,Java中的动态插入和删除节点主要通过前端技术实现,尤其是利用jQuery库简化DOM操作。掌握这些技巧,可以让你构建出更加灵活和交互丰富的Web应用程序。在实际项目中,配合服务器端的Java代码,可以实现更...

    第06章 DOM节点操作(下)

    在本章中,我们将深入探讨DOM(文档对象模型)节点操作的下半部分。DOM是HTML和XML文档的编程接口,允许我们通过JavaScript等脚本语言动态地修改、添加或删除网页内容。DOM节点操作是前端开发中的核心技能,对创建...

    XML中dom根据属性检索节点(C#)

    5. 操作节点:找到目标节点后,可以进行各种操作,如修改属性值、添加子节点、删除节点等。例如,要修改属性值: ```csharp XmlAttribute attr = targetElement.Attributes["attributeName"]; attr.Value = ...

Global site tag (gtag.js) - Google Analytics