精华内容
参与话题
问答
  • JS替换节点

    千次阅读 2013-04-16 19:18:20
    function createNode() {  var pNode = document.createElement('p');  var tNode = document.createTextNode('烟花三月下杨州');  pNode.appendChild(tNode);  document.

        <title></title>
        <script type="text/javascript">

            function createNode() {
                var pNode = document.createElement('p');
                var tNode = document.createTextNode('烟花三月下杨州');
                pNode.appendChild(tNode);
                document.body.appendChild(pNode);
            }

            function r() {
                var pNode = document.createElement('p');
                var tNode = document.createTextNode('故人西辞黄鹤楼');
                pNode.appendChild(tNode);

                //获取要替换的节点
                var reNode = document.getElementsByTagName('p')[0];
                //这种方法只适用于IE浏览器
                //reNode.replaceNode(pNode, reNode);

                //适用于各种浏览器
                reNode.parentNode.replaceChild(pNode, reNode);
            }

            function reNode() {
                var oldNode = document.getElementsByTagName('p')[0];
                //oldNode.parentNode返回的是p节点的父节点,这里就是body
                //然后使用body节点的removeChild方法删除下的oldNode节点
                oldNode.parentNode.removeChild(oldNode);

            }
        </script>
    </head>
    <body>
        <input id="Button1" type="button" value="创建节点" οnclick="createNode()"/>
        <input id="Button2" type="button" value="替换节点" οnclick="r()" />
        <input id="Button3" type="button" value="删除节点" οnclick="reNode()" />
    </body>
    </html>

     

    展开全文
  • 1、removeChild() 用来删除父节点的一个子节点。 parent.removeChild(childNode); 如下: 这是一个段落 第二个段落 var box=document.getElementById("box"); //找到父元素

    1、removeChild() 用来删除父节点的一个子节点。
    parent.removeChild(childNode);
    如下:

    <div id="box">
        <p id="p1">这是一个段落</p>
        <p id="p2">第二个段落</p>
    </div>
    <script>
        var box=document.getElementById("box");  //找到父元素
        var p1=document.getElementById("p1");    //找到子元素    
        box.removeChild(p1);  
        //也可以通过要删除的子节点的父节点删除子节点
        p1.parentNode.removeChild(p1);                  
    </script>

    2、replaceChild() 用新节点替换某个子节点。
    parent.replaceChild (newnode,oldnode ) ;
    如下:

    <div id="box">
        <p id="p1">这是一个段落</p>
        <p id="p2">第二个段落</p>
        <div id="div1">这是div</div>
    </div>
    <script>
        var box=document.getElementById("box");  //找到父元素
        var p1=document.getElementById("p1");    //找到要替换的元素
    
        var p3=document.createElement('p');//创建要替换的元素
        p3.innerHTML="这是第三个段落";  //为创建的元素赋值
        box.replaceChild(p3,p1);  //替换节点
        p1.parentNode.replaceChild(p3,p1); //通过parentNode节点替换
    </script>

    注意:新节点可以是文档中某个已存在的节点,也可以创建新的节点。

    3、cloneNode() 复制节点并返回复制的节点
    node.cloneNode(true|false) ; //默认是 false。
    参数设置为 true,克隆节点及其属性,以及后代;设置为 false,克隆节点本身
    如下:

    <div id="main">
        <div id="box">
            <p id="p1">这是一个段落</p>
            <p id="p2">第二个段落</p>
        </div>
    </div>
    <script>
        var main=document.getElementById("main"); 
        var box=document.getElementById("box"); 
    
        var newNode=box.cloneNode(true);
        main.appendChild(newNode);
        console.log(main);
    </script>

    当参数为true时,结果如下:
    这里写图片描述

    当参数为false时,结果如下:
    这里写图片描述

    展开全文
  • js删除/替换节点

    千次阅读 2019-01-26 14:53:06
    &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;无标题文档&lt;/title&... borde
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    div {
    	margin: 1em;
    }
    #red{
    	border: solid 1px red;
    }
    #blue{
    	border: solid 1px blue;
    }
    </style>
    <script>
    /*
    	删除节点,该节点包含的所有子节点将同时被删除;
    	var node = ele.removeChild(node);
    */
    window.onload = function() {
    	var ok = document.getElementById("ok");
    	ok.onclick = function() {
    		var red = document.getElementById("red");
    		var h1 = document.getElementsByTagName("h1")[0];
    		red.removeChild(h1);	
    	}
    }
    </script>
    </head>
    
    <body>
    <div id="red">
    	<h1>红盒子</h1>
    </div>
    <div id="blue">
    	蓝盒子
    </div>
    <button id="ok">删除</button>
    </body>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    div {
    	margin: 1em;
    }
    #red{
    	border: solid 1px red;
    }
    #blue{
    	border: solid 1px blue;
    }
    </style>
    <script>
    /*
    	如果想要删除某个节点而又不知道它的父节点,可以使用parentNode()来获取父节点的引用
    */
    window.onload = function() {
    	var ok = document.getElementById("ok");
    	ok.onclick = function() {
    		var blue = document.getElementById("blue");
    		var parent = red.parentNode;
    		parent.removeChild(blue);	
    	}
    }
    </script>
    </head>
    
    <body>
    <div id="red">
    	<h1>红盒子</h1>
    </div>
    <div id="blue">
    	蓝盒子
    </div>
    <button id="ok">删除</button>
    </body>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    div{
    	margin: 1em;
    }
    #red{
    	border:solid 1px red;
    }
    #blue{
    	border:solid 1px blue;
    }
    </style>
    <script>
    /*
    	var oldNOde = ele.replaceChild(newNode, oldNode);
    	该方法能够把一个给定的父元素包含的一个子节点替换为另一个节点;
    */
    window.onload = function(){				//定义当网页完成初始化之后执行的脚本函数
    	ok.onclick = function() {
    		var ok = document.getElementById("ok");
    		var red = document.getElementById("red");
    		var h1 = document.getElementsByTagName("h1")[0];
    		var h2 = document.createElement("h2");	//创建二级标题匀速,并引用指针
    		red.replaceChild(h2, h1);				//把一级标题替换成二级标题
    		//这里替换的并不仅仅是标签,标签里面的东西也会被替换掉,也就说新生成的<h2>中没有内容
    	}
    }
    </script>
    </head>
    
    <body>
    <div id="red">
    	<h1>红盒子</h1>
    </div>
    <div id="blue">
    	蓝盒子
    </div>
    <button id="ok">替换</button>
    </body>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style type="text/css">
    div{
    	margin: 1em;
    }
    #red{
    	border: solid 1px red;
    }
    #blue{
    	border: solid 1px blue;
    }
    </style>
    <script>
    window.onload = function(){
    	var ok = document.getElementById("ok");	
    	ok.onclick = function() {
    		var h1 = document.getElementsByTagName("h1")[0];
    		var blue = document.getElementById("blue");
    		var red = document.getElementById("red");
    		//首先用蓝盒子替换掉红盒子里面的一级标题
    		var del_h1 = red.replaceChild(blue, h1); //获得替换掉的一级标题
    		//将替换掉的一级插到红盒子前面
    		red.parentNode.insertBefore(del_h1, red);
    	}
    }
    </script>
    </head>
    
    <body>
    <div id="red">
    	<h1>红盒子</h1>
    </div>
    <div id="blue">
    	蓝盒子
    </div>
    <button id="ok">替换</button>
    </body>
    
    展开全文
  • 创建和操作节点 window.onload = function(){ var oP = document.createElement("p"); var oT = document.createTextNode("js写入的文本,测试用!"); oP.appendChild(oT); document.body.appendChild(oP); } ...
    
    以下为示例代码:
    
    <title> 创建和操作节点</title>
    <script type="text/javascript">
    window.onload = function(){
    var oP = document.createElement("p");
    var oT = document.createTextNode("js写入的文本,测试用!");
    oP.appendChild(oT);
    document.body.appendChild(oP);
    }
    function funRemoveNode(){
    var oNewP = document.getElementsByTagName("p")[0];
    //document.body.removeChild(oNewP);
    oNewP.parentNode.removeChild(oNewP); //推荐这种写法
    }
    function funReplaceNode(){
    var oNewP = document.getElementsByTagName("p")[0];
    var oNewDiv = document.createElement("div");
    oNewDiv.innerHTML = "<p>这是一段后来被插入的文字!</p>";
    oNewP.parentNode.replaceChild(oNewDiv,oNewP);
    }
    function funInsertNode(){
    var oNewP = document.getElementsByTagName("p")[0];
    var oNewDiv = document.createElement("div");
    oNewDiv.innerHTML = "<br />这是一段后来被插入的文字!";
    oNewP.parentNode.insertBefore(oNewDiv,oNewP);
    }
    </script>
    </head>
    
    <body>
    <input type="button" value="删除节点" οnclick="funRemoveNode();" />
    <input type="button" value="替换节点" οnclick="funReplaceNode();" />
    <input type="button" value="插入节点" οnclick="funInsertNode();" />
    </body>
    
    代码仅仅演示用,每个按钮单击一次,然后刷新重试其他按钮,避免报错。


    展开全文
  • JS创建替换删除节点

    千次阅读 2013-04-16 16:59:53
    function CreateNode() {  var pnode = document.createElement('p');  var tnode = document.createTextNode('烟花三月下扬州');  pnode.appendChild(tnode); ... document.body.appendChild
  • [Java基础]-- 有参构造方法和无参构造方法

    万次阅读 多人点赞 2016-03-03 15:06:44
    但是如果编写时添加了有参构造方法而未添加无参构造方法,那么编译器只认有参构造方法而不会默认添加无参构造方法! 所以,如果需要使用无参构造方法,一定要在类里面添加   2、举例: (1)有4个javaBean ---...
  • js DOM节点创建,操作,删除,替换

    千次阅读 2018-08-28 10:52:40
    创建节点: document.createElement() 创建元素节点。 document.createTextNode() ...document.createTextNode()与innerHTML的区别:innerHTML和createTextNode都可以把一段内容添加到一个...
  • 首先说下,具体用得到的方法: js: appendChild() //添加 removeChild() //删除节点 insertBefore(插入节点,被插...append() (旧节点添加节点后面) appendTo() (新节点添加到旧节点后面) prepend() (旧节...
  • js-dom树2(删除,复制,替换节点

    千次阅读 2015-11-13 16:13:37
    removeChild方法:删除节点 <li id="li1">1 <li id="li2">2 <li id="li3">5 <li id="li4">6 ();"/>
  • DOM节点是我们前端人员必须要了解并撑握的一个知识点了,下面我来介绍一些节点的创建、插入、删除、查找、替换操作方法,希望这些方法来帮助到各位同学哦。 在前端开发中,js与html联系最紧密的莫过于对DOM的操作了...
  • mysql创建表的时候,添加字段注释

    万次阅读 2019-01-05 22:59:03
    mysql创建表的时候,添加字段注释 直接po代码和案例 #创建表的时候写注释 CREATE TABLE userinfo( id INT COMMENT '编号', uname VARCHAR(40) COMMENT '用户名', address VARCHAR(120) COMMENT '家庭住址', ...
  • 替换元素节点replaceChild() replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。  语法: node.replaceChild (newnode,oldnode ) 参数: newnode : 必需,用于替换 oldnode 的对象。  oldnode :...
  • js 替换文本

    千次阅读 2010-03-26 22:02:00
    有个需求对于一个123 abc 123abc节点我现在有模式abc,要在这个节点的文本节点中把所有模式出现的字符串的背景颜色该为蓝的.用javascript+CSS如何实现呢?... js 替换 span{ background:blue;}google.load("jque
  • MATLAB添加噪声

    万次阅读 2019-05-23 20:54:02
    首先是用MATLAB自带的imnoise函数添加噪声。 img= im2double(imread('D:\Matlab2018a\work\img.png'));%改为你要读入图片的路径;im2double作归一化处理 sigma=25;%添加噪声的标准差 imgnoise=imnoise(img,'gaussian'...
  • JS节点的操作

    2018-08-16 15:17:43
    1)创建新节点  createDocumentFragment() //创建一个DOM片段  createElement() //创建一个...2)添加、移除、替换、插入  appendChild() //添加  removeChild() //移除  replaceChild() //替换  inser...
  • keil5使用教程

    万次阅读 多人点赞 2019-08-28 20:57:15
    keil5的基本使用包括了建立工程,创建文件夹,创建文件(库文件和源文件),添加文件,添加路径,生成hex文件,解决中文注释乱码问题,安装扩展芯片包。 建立工程 首先在桌面建立一个文件夹,然后打开KEIL5 ...
  • Jmeter的正则表达式提取参数

    万次阅读 多人点赞 2018-06-02 22:23:30
    1:Jmeter正则表达式提取器提取制定的值1.1:添加http请求(80端口不用写端口号)1.2:添加正则表达式提取器. 表示匹配任意字符+ 表示匹配...+表示它内的多个字符1.3:添加Debug sampler(用Debug取样器可以方便tes...
  • VS2019配置OpenCV

    万次阅读 多人点赞 2018-12-28 14:33:57
    一、环境 vs2019社区版、win10 64位操作系统 二、opencv配置步骤(共5步) 1、下载OpenCV4.0.1,官网为opencv.org ...3、添加环境变量,在PATH中添加: D:\opencv-4.0.1-vc14_vc15\opencv\build\x64\vc15...
  • js与jquery两种方法,获得某元素同级节点内容,进行值替换
  • 怎样添加、移除、移动、复制、创建和查找节点?  1)创建新节点  createDocumentFragment() //创建一个DOM片段 ...2)添加、移除、替换、插入    getElementsByTagName() //通过标签名称  getElements...
  • 写在前面:DOM(Document Object Model ,文档对象模型)一种独立于语言,用于操作xml,html文档的应用编程接口。对于JavaScript,为了能够使JavaScript操作Html,...所以说,有了DOM,在我看来就是相当于Java...
  • 1)创建新节点 createDocumentFragment() //创建一个DOM片段 createElement_x() //创建一个...2)添加、移除、替换、插入 appendChild() //添加 removeChild() //移除 replaceChild() //替换 insertBefore() //
  • 操作节点 Node类型为所有节点定义了很...向节点的子节点列表的结尾添加新的子节点 cloneNode() 复制节点 hasChildNodes() 判断当前节点是否拥有子节点 insertBefore() 在指定的子节点前插入新的...
  • 二、回归主题,主键的添加、删除等操作 1.有命名主键 1)有命名主键的添加 2)有命名主键的删除 3)有命名主键的修改 2.无命名主键 1)无命名主键的创建 2)无命名主键的删除 3)无命名主键的修改 附加: ...
  • MATLAB--数字图像处理 添加高斯噪声

    万次阅读 多人点赞 2019-09-14 17:03:02
    添加高斯噪声 概念 高斯噪声是指它的概率密度函数服从高斯分布(即正态分布)的一类噪声。如果一个噪声,它的幅度分布服从高斯分布,而它的功率谱密度又是均匀分布的,则称它为高斯白噪声。高斯白噪声的二阶矩不相关...
  • Anaconda添加环境变量

    千次阅读 2018-09-12 09:34:31
    安装anaconda的时候,安装界面有选择,勾选第一个就是价格anaconda添加到环境变量中,后面cmd测试就会发现有,输入conda就会显示详细信息。 如果没有勾选,或者像我一样,安装jdk后把之前的环境变量覆盖了,就要...

空空如也

1 2 3 4 5 ... 20
收藏数 1,451,402
精华内容 580,560
关键字:

添加