javascript替换已有元素replaceChild()使用介绍
发布时间：2024-04-10 13:55:08
标签：替换元素,replaceChild
replaceChild(a,b)是用来替换文档中的已有元素的
参数a:要插入的节点,
参数b:要替换的节点
var oDiv = document.getElementById("guoDiv");
var oSpan = document.createElement("span");
oSpan.innerHTML = "4";
var firsChild = oDiv.firstElementChild ? oDiv.firstElementChild : oDiv.firstChild
var returnNode = oDiv.replaceChild(oSpan, firsChild); //替换第一个元素,返回被替换掉的元素
alert(returnNode.innerHTML); //1
var lastChild = oDiv.lastElementChild ? oDiv.lastElementChild : oDiv.lastChild;
oSpan = document.createElement("span");
oSpan.innerHTML = "5";
returnNode = oDiv.replaceChild(oSpan, lastChild); //替换最后一个,返回被替换掉的元素
alert(returnNode.innerHTML);//3
<div id="guoDiv">
<span>1</span>
<span>2</span>
<span>3</span>
</div>
0
投稿猜你喜欢
require 方法的加载规则优先从缓存中加载核心模块路径形式的模块第三方模块一、优先从缓存中加载main.js：执行加载a.js模块req- 1.表结构 2.表数据 3.查询teacher_name字段不能等于空并且也不能等于空字符SELECT * FROM s
- 一 前言前几天一个开发同事咨询我，update 更新字段为相同的值是否会记录binlog，我回复说不会。其实 严格的说这个答案是不准确的，说
- 一、Echarts简介Echarts 是一个由百度开源的数据可视化，凭借着良好的交互性，精巧的图表设计，得到了众多开发者的认可。而
- 在Python中定义一个数据便在内存中开辟一片空间来存储这个变量的值，这块已经被分配的内存空间便会有一个内存地址。访问这块内存需要用到变量名
- 本文实例讲述了Python二叉搜索树与双向链表实现方法。分享给大家供大家参考，具体如下：# encoding=utf8''&
- 本文实例为大家分享了python实现计算器功能的具体代码，供大家参考，具体内容如下前缀表达式运算符在数字的前面1 + (2 + 3) * 4
- 序列化（Serialization）与反序列化（Deserialization）是RESTful API 开发中绕不开的一环，开发时，序列化
- 今天给一个客户巡检的情况下发从库没有业务的情况mysqld的cpu的一个core占用100％.查主库慢查询也没有关于写的SQL.可以说是典的
- 在网上查阅资料，发现很少用Python进行高斯函数的三维显示绘图的，原因可能是其图形显示太过怪异，没有MATLAB精细和直观。回顾一下二维高
- 本文实例为大家分享了python发送邮件的具体代码，供大家参考，具体内容如下#!/usr/bin/env python # -*- codi
- 环境介绍系统环境：Windows 10Python版本：Python 3.5必备包：无 运行Python脚本：.bat文件在Win
- 在本文上两篇中，我们学习了脚本语言 VBScript 的变量、函数、过程和条件语句，本篇将继续给大家介绍 VBScipt 的循环语句，并对脚
- 本文实例为大家分享了python实现图片中文字分割的具体代码，供大家参考，具体内容如下1、原始图片（包含数字）：结果图：2、原始图片（包含文
- javascript是种脚本语言，浏览器下载到哪儿就会执行到哪儿，这种特性会为编程提供方便，但也容易使程序过于凌乱，支离破碎。 js从功能上
- 有两种类型的回调函数：blocking callbacks (also known as synchronous callbacks or
- 本文实现12306抢火车票/京东抢手机示例，具体如下：#12306秒抢Python代码from splinter.browser impor
- 说明和代码如下：<％@ language = vbscript％><％
- 本文来给大家介绍一个php版淘宝网查询商品接口代码的例子，下面要改成你的信息的在代码后面都有说明了，同时sdk包我们也要官方下载。下载SDK
- 需求是表里的某个字段存储的值是以逗号分隔开来的，要求根据分隔的每一个值都能查出来数据，但是不能使用like查询。数据是这样的：查询的sql如
