`

Js删除节点

    博客分类:
  • Java
阅读更多

Js删除节点

 方式一:传this参数调用方法:

1.jsp页面代码:

<p>
    <input id="uploadImage" value="" type="file" name="uploadImage" size="50" />
    <a href="javascript:void(0);" onclick="deleteNode(this)" >
        <img src="$!{request.contextPath}/images/lend/close.png" class="closea">
    </a>
</p>

 

2.js脚本代码:

function deleteNode(obj) {
    var p= obj.parentNode;
     if(p){
         p.remove();
     }
}

 

 

 方式二:js方法中通过选择器获取节点:

1.jsp页面代码:

<p>
    <input id="uploadImage" value="" type="file" name="uploadImage" size="50" />
    <a id="deleteId" href="javascript:void(0);" onclick="deleteNode()" >
        <img src="$!{request.contextPath}/images/lend/close.png" class="closea">
    </a>
</p>

 

2.js脚本代码:

function deleteNode() {
    var a= doucment.getElementById("deleteId");
    a.parentNode.removeChild(div);
 
    //或者
    a.remove()
 
    //此处删除的是a节点
}

 

 

方式三:通过jQuery方式获取节点:(尚未测试,有待测试。。。)

 

此处a标签传this到js中,js通过this(即a节点)取parent(即p节点)

那么:

(1)p.remove();可直接删除整个p节点

(2)p.parentNode.removeChild(p);也可以直接删除整个p节点

(3)p.removeChild(obj);可以删除整个a节点

(4)obj.parentNode.removeChild(obj);也可以删除整个a节点

分享到:
评论

相关推荐

    JavaScript 实现在树形菜单中添加、删除节点实例 js note

    JavaScript 实现在树形菜单中添加、删除节点实例 js note JavaScript实现在树形菜单中添加、删除节点实例,本程序侧重于学习,主要介绍一种在多级树节点中创建节点、删除节点,帮助了解树形菜单创作原理。

    d3.js插件 拓扑图 动态增加、删除节点

    d3.js是一个强大的JavaScript库,专为创建数据驱动的文档而设计,尤其擅长制作交互式和复杂的可视化图表。本篇文章将深入探讨如何利用d3.js插件构建动态拓扑图,并实现节点的动态增加与删除功能。 拓扑图是一种图形...

    纯js的树形菜单(添加删除节点)

    总的来说,实现"纯js的树形菜单(添加删除节点)"涉及到JavaScript基础、DOM操作、jQuery库的使用,以及事件处理等多方面技能。通过这样的练习,开发者可以提升对Web前端开发的理解,尤其是动态数据展示和交互设计的...

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

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

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

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

    动态插入和删除节点

    在Java编程中,动态插入和删除节点主要涉及前端开发,特别是使用JavaScript库如jQuery时的情况。jQuery是一个强大的JavaScript库,简化了DOM操作、事件处理、动画制作和Ajax交互。在这个场景下,"动态插入和删除节点...

    平衡二叉树(增加-删除)

    用JAVASCRIPT+VML实现平衡二叉树里增加节点删除节点的功能,目的是把二叉树的平衡算法记录在这里(备忘)。 目前只做了增加删除节点时二叉树自动平衡,保证这棵树什么时候都是平衡状态;如何将一棵不平衡的二叉树...

    JQ 删除节点

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

    树形表格菜单 动态添加节点/动态删除节点/动态移动节点

    3.动态添加节点/动态删除节点/动态移动节点 4.动态dom对象创建表格树 5.完美支持json格式数据,支持xml(需转换) 6.支持ajax加载节点 7.事件驱动 8.可以动态根据列内容排序 9.简化函数参数,利用{} object输入参数,风格...

    Javascript removeChild()删除节点及删除子节点的方法

    由于删除节点会改变子节点的索引,所以我们需要从最后一个子节点开始向前遍历并删除,以确保不会跳过任何子节点。 总结,`removeChild()`方法在JavaScript中是处理DOM动态更新的重要部分,它可以有效地帮助我们删除...

    删除XML根节点下的某子节点

    在处理XML文档时,有时我们需要根据需求删除特定的节点。XML是一种可扩展标记语言,用于存储和传输数据,它的结构化特性使得数据组织有序且易于处理。本文将深入讲解如何在编程环境中删除XML根节点下的特定子节点,...

    js删除表格本行列表

    在JavaScript编程中,"js删除表格本行列表"这一主题涉及到网页交互中的动态数据操作,尤其是在处理用户界面(UI)与后端数据库之间的数据同步。在这个场景中,我们通常会用到HTML表格来展示从数据库获取的数据,并...

    js删除本行代码

    在探讨“js删除本行代码”这一主题时,我们深入解析如何利用JavaScript动态地生成带有删除功能的表格行,并在用户交互中实现行的删除。这个功能在许多Web应用中非常常见,尤其是在需要用户能够编辑或管理列表数据的...

    javascript 节点

    - **删除节点**:可以通过`removeChild()`方法从父节点中删除一个子节点。 ##### 示例代码: ```javascript // 创建一个新元素节点 var newElement = document.createElement("p"); // 创建文本节点 var newText = ...

    Javascript删除指定元素节点的方法

    然而,在某些现代JavaScript框架中,如Prototype,提供了更为简单直观的方法来删除节点,例如`element.remove()`方法。但是,这种简化的删除方法并不包含在核心JavaScript(ECMAScript)标准中,因此不是所有浏览器...

    JS实现添加,替换,删除节点元素的方法

    删除节点可以通过`removeChild`方法实现。以下代码演示了如何删除`&lt;p id="p1"&gt;Hello World&lt;/p&gt;`: ```javascript function removeMessage() { var op = document.getElementById('p1'); op.parentNode....

    java中js代码删除input框

    标题“java中js代码删除input框”表明我们要讨论的是如何使用JavaScript来删除一个HTML中的input元素。在描述中提到,当用户点击“删除”按钮时,会触发一个JavaScript方法,这个方法将负责删除指定的input框。 ...

    ARCGIS JS API 4.9 节点编辑

    ARCGIS JS API 4.9 是Esri公司提供的JavaScript版本的GIS开发接口,它允许开发者在网页上创建交互式的地图应用。这个API版本聚焦于地图的动态编辑和交互功能,其中“节点编辑”是一个重要的组成部分,尤其适用于地理...

    JavaScript实现在树形菜单中添加、删除节点实例

    内容索引:脚本资源,Ajax/JavaScript,树形菜单 JavaScript实现在树形菜单中添加、删除节点实例,本程序侧重于学习,主要介绍一种在多级树节点中创建节点、删除节点,帮助了解树形菜单创作原理。测试中发现代码似乎...

    js 树形结构数据遍历条件判断删除对应数据.pdf

    `filterTreeData` 函数就是针对这种数据结构设计的一个方法,用于遍历树形数据并根据指定条件删除对应的数据节点。 首先,我们分析给出的函数代码: ```javascript filterTreeData(data, ids) { let newData = ...

Global site tag (gtag.js) - Google Analytics