删除子节点removeChild()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>删除子节点removeChild()</title>
    <!--
        node.removeChild(a);删除父节点node下的子节点a
     -->
</head>
<body>
    <div>
        我是div
        <p>我是p</p>
    </div>
    <script>
        var div=document.getElementsByTagName("div")[0];//获取父节点div
        var p=document.getElementsByTagName("p")[0];//获取子节点p
        div.removeChild(p);//删除子节点p
    </script>
</body>
</html>

原文地址：https://www.cnblogs.com/vinson-blog/p/12112759.html

时间： 2024-10-05 04:56:43

删除子节点removeChild()的相关文章

使用mysql 游标，快速删除子节点及其附属节点

上篇,我写的是如何用数据存储,并通过html展示出树形的结构, 本篇我将讲述,如何通过存储过程,删除一个树节点及其附属节点.网上已经有非常多的关于mysql 游标使用的文章了, 为什么我还要写这篇文章呢,主要是想表达一些在软件设计领域的一些想法. 我不赞同在数据库中大量的使用存储过程, 因为我觉得随着软件系统的复杂度逐渐提高,维护的难度会逐渐的增大.而且大批量的使用存储过程,不利于后期通过分布式部署应用程序来解决日益增多的业务需求. 我推荐把存储过程用在处理一些不包含太多业务,批量操作数据的场景

删除 treeview Node节点循环删除子节点存储过程

create procedure DeleteNote @Objid int--定义要删除树节点 as declare @childID int --声明变量 declare cursors cursor local for select Objid from TableChart where [email protected] --local关键字全局游标 open cursors fetch next from cursors into @childID --取游标的

js中改变文档的层次结构(创建元素节点,添加结点,插入子节点,取代子节点,删除子节点)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box1, .box2{ width: 300px; height: 250px; margin-top: 10px; margin-bottom: 30px;

(转载)Javascript removeChild()不能删除全部子节点的解决办法

在Javascript中,只提供了一种删除节点的方法:removeChild().removeChild() 方法用来删除父节点的一个子节点. 语法: parent.removeChild(thisNode) 参数说明: 参数说明 thisNode 当前节点,即要删除的节点 parent 当前节点的父节点,即 thisNode.parentNode 例如,删除 id="demo" 的节点的语句为: 1 var thisNode=document.getElementById(&quo

PHP 循环删除无限分类子节点

<?php private function _deleteSubNode($ids){ $subNodes = array(); $mod = D('Node'); foreach (explode ( ',', $ids ) as $k){ $res = $this->_getSubNode($k,$subNodes[$k],$mod); //获取子节点 if(!empty($res[0])){ foreach($res as $k => $nid){ $mod->where(

zTree实现删除树子节点

1.实现源码 <!DOCTYPE html> <html> <head> <title>zTree实现基本树</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href=&

JS-DOM ～ 03. 子节点的操作、style.样式和属性、dom元素的创建方法及操作、14个例题、主要是利用js直接控制html属性

带有Element和不带的区别 a) 带Element的获取的是元素节点 b) 不带可能获取文本节点和属性节点获取所以子节点 a) . childNodes b) . children c) . parentNode . children [索引] . children:获取所有子节点 opacity:0-1:透明度 alpha(opacity:百分数):IE6/7/8透明度先绑定事件再进行循环 previousNode()上一个兄弟节点 alert(变量名)可测试变量名是否

父兄子节点的获取及子节点的添加、删除、克隆操作

第一.父兄子节点的获取 1.父节点的获取某节点的parentNode属性值即为该节点的父节点.示例: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <body> <div id="father"> <div id="son1"></div> </

删除节点removeChild()

http://www.imooc.com/code/1700 删除节点removeChild() removeChild() 方法从子节点列表中删除某个节点.如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL. 语法: nodeObject.removeChild(node) 参数: node :必需,指定需要删除的节点. 我们来看看下面代码,删除子点. 运行结果: HTML 删除节点的内容: javascript 注意: 把删除的子节点赋值给 x,这个子节点不在DOM树中,但是还存