位置: 编程技术 - 正文

appendChild() 或 insertBefore()使用与区别介绍

编辑:rootadmin
document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用。其中,appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。 下面,举例说明document.createElement()的用法。<div id="board"></div> 例1: 效果:在标签board中加载一个按钮,属性值为“这是测试加载的小例子”。 例2: 效果:在标签board中加载一个下拉列表框,属性值为“加载项1”和“加载项2”。 例3: 效果:在标签board中加载一个文本框,属性值为“使用setAttribute”。 当点击这个文本框时,会弹出对话框“This is a test!”。 根据上面例子,可以看出,可以通过加载对象的属性来设置,参数是相同的。使用e.type="text" 和 e.setAttribute("type","text")效果是一致的。 下面,我们用实例来讲述一下appendChild() 方法和insertBefore() 方法的不同。 比如我们要在下面这个div中插入一个子节点P时:<div id="test"><p id="x1">Node</p><p>Node</p></div> 我们可以这样写: 通过以上的代码,可以测试到一个新的节点被创建到了节点div下,且该节点是div最后一个节点。很明显,通过这个例子,可以知道appendChildhild和insertBefore都可以进行插入节点的操作。 在上面的例子中有这样一句代码:oTest.insertBefore(newNode,null) ,这里insertBefore有2个参数可以设置,第一个是和appendChild相同的,第二却是它特有的。它不仅可以为null,还可以为: 效果:这个例子将在x1节点前面插入一个新的节点 又或: 效果:这个例子将在x1节点的下一个节点前面插入一个新的节点 还可为: 这个例子将在第一子节点前面插入一个新的节点,也可以通过改变childNodes[0,1,...]来在其它位置插入新的节点 由于可见insertBefore()方法的特性是在已有的子节点前面插入新的节点,但例一中使用insertBefore()方法也可以在子节点列表末插入新节点的。两种情况结合起来,发现insertBefore()方法插入节点,是可以在子节点列表的任意位置。 从这几个例子中得出: appendChild() 方法在节点的子节点列表末添加新的子节点。 insertBefore() 方法在节点的子节点列表任意位置插入新的节点。

推荐整理分享appendChild() 或 insertBefore()使用与区别介绍,希望有所帮助,仅作参考,欢迎阅读内容。

appendChild() 或 insertBefore()使用与区别介绍

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript对象学习经验整理 1.对象的创建方法:(1)通过new运算符创建,new后面跟着一个构造函数名varobject=newObject();构造函数直接调用时通常没有返回值,它只是初始化由this值传递

JavaScript var声明变量背后的原理示例解析 只要是写过点JS代码,很简单一个var就完事了。那对于JS编译器背后它又发生了什么呢?那就一步步通过代码来讲起。x=1;alert(x);vary=function(){alert(x);varx=2;a

JavaScript的继承的封装介绍 /***当调用此函数时,只有第一次参数传入,第二个不存在的情况下,就创建类*当调用此函数时,传入了两个参数,第一个参数为基类,第二个参数则在基类的

标签: appendChild() 或 insertBefore()使用与区别介绍

本文链接地址:https://www.jiuchutong.com/biancheng/376158.html 转载请保留说明!

上一篇:JavaScript中的运算符种类及其规则介绍(javascript运算)

下一篇:JavaScript对象学习经验整理(js对象常用方法)

  • 深入浅析SQL封装、多态与重载(sql 封装)

    特点:单继承 一个子类只能有一个父类,一个父类可以有多个子类 (所有父类都是object)

    base关键字

    sealed关键字:密封类 该类不可以被继承

    部分类:partial 可以将一个类拆分成多个部分,分别放在多个文件内

    namespace 命名空间 相当于虚拟文件夹

    (3)多态:

    1.编译多态

    函数重载

    2.运行多态

    概念:当父类引用指向子类实例的时候,由于子类对父类的方法进行了重写,在调用该方法的时候表现出的不同就称为多态

    条件:必须要有继承 父类引用指向子类实例 子类必须对父类的方法进重写

    里氏代换原则:如果有一个地方需要使用到父类对象,那么你可以将一个子类对象给他

    1.函数重载

    函数重载需要的条件:函数名要相同,参数的个数或者参数的类型不同

    2.this关键字

    虽然写在类里面,但不是属于类的,而是属于该对象的

    一般来说在类里面 this关键字是可以省略的,但是如果有一个方法形参名字和成员名字重复,这时候再调用该对象里面的成员的时候需要加this关键字

    3. is关键字

    判断变量是不是属于某个类型

    4. as关键字

    转换类型(只能转换兼容类型,可以将子类对象转换为父类对象)

    5.继承

    子类可以继承父类的一切

    特点:单继承

    一个子类只能有一个父类 一个父类可以有多个子类

    C#特殊点:所有类的祖先都是object

    base关键字:在子类中代表父类对象,用法和this关键字相同

    如果父类有构造方法,那么子类也要有构造方法,如果父类构造需要参数,那么子类构造也必须有相应的参数。子类构造后面可以通过base调用父类的构造方法

    以上所述是小编给大家介绍的SQL封装、多态与重载,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

    在Sql Server中调用外部EXE执行程序引发的问题 一、先开启xp_cmdshell打开外围应用配置器—功能的外围应用配置器—实例名DatabaseEnginexp_cmdshell—启用二、解决方法usemasterExecxp_cmdshell'mkdird:csj" class="img-responsive" alt="深入浅析SQL封装、多态与重载(sql 封装)">

    深入浅析SQL封装、多态与重载(sql 封装)

  • Mysql创建通用设备管理信息系统数据库

    Mysql创建通用设备管理信息系统数据库

  • Win10 Mobile预览版14361已知问题汇总(win10系统预览版)

    Win10 Mobile预览版14361已知问题汇总(win10系统预览版)

  • Win8自动更换桌面背景无需借助第三方软件(自动切换桌面)

    Win8自动更换桌面背景无需借助第三方软件(自动切换桌面)

  • 在NodeJS中启用ECMAScript 6小结(windos以及Linux)(nodejs怎么启动服务)

    在NodeJS中启用ECMAScript 6小结(windos以及Linux)(nodejs怎么启动服务)

  • jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)(jquery基础知识)

    jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)(jquery基础知识)

  • 利用node.js+mongodb如何搭建一个简单登录注册的功能详解(利用的英文)

    利用node.js+mongodb如何搭建一个简单登录注册的功能详解(利用的英文)

  • 详解js私有作用域中创建特权方法(js class 私有方法)

    详解js私有作用域中创建特权方法(js class 私有方法)

  • 职工产假津贴怎么领取
  • 土地税和房产税缴纳时间
  • 增值税有哪几类
  • 电子税务局发票验旧怎么操作
  • 什么时候做计提的会计分录
  • 注册资金印花税减半政策
  • 税费滞纳金计入增值税吗
  • 经营性应收项目和经营性应付项目
  • 贷款未收属于什么科目
  • 合作经营利润分配税务处理
  • 工会经费滞纳金税率
  • 销售合同总金额含税还是不含税
  • 小规模纳税人按什么标准纳税
  • 个人给单位干的小工程需代扣个税吗?
  • 发票一直显示在报送中
  • 期末留抵税额转出怎么报税
  • 收到安装费发票怎么做分录
  • 记账凭证需要哪些人员签章
  • 餐饮店收入是销售收入吗
  • 生产销售部门职责
  • 销售电梯并安装如何缴纳增值税
  • 补缴的附加税怎么入账
  • 用苹果macbook pro怎样
  • deepin如何
  • php判断为空的方法有哪些
  • 新买的苹果电脑需要注意什么
  • 事业单位投资收回账务处理
  • 王者荣耀中廉颇是哪一个族的族长
  • 新成立公司工会经费什么时候交
  • win7开机拨号取消
  • PHP:oci_client_version()的用法_Oracle函数
  • 用vue做的登录界面
  • 支付境外佣金交多少税
  • 文化事业建设费减免政策
  • vue .find
  • 用友软件怎么删除已经建立的账套
  • 建信信托介绍
  • 银行代发工资会扣个人所得税吗
  • discuz关闭电脑版
  • 企业所得税退税如何进行账务处理
  • 员工的交通费发票可以报销嘛
  • 进口货物减免税政策
  • mongodb $and
  • 企业所得税的纳税调整项和比例
  • 增值税要计入应收账款吗
  • mysql workbench简介
  • sql with as用法详解
  • 什么时候贷主营业务成本
  • 运输服务属于生活服务吗
  • 不征收耕地占用税的是
  • 酒店没有营业执照开业犯法吗
  • 合并报表六大抵消分录CPA
  • 其他税后扣减
  • 施工单位的罚款标准
  • 月末结转后应交税费应交增值税一般无余额
  • 预提费用如何做账务处理
  • 金税盘税费减免分录
  • 汇兑损益形成的基础是
  • 分公司开票总公司付款可以吗
  • 出口退税贷方余额是什么意思
  • 持有待售的非流动资产减值能转回吗
  • 小企业会计准则主要按照什么计量
  • 财务报表怎么做
  • 项目期间费用包括哪些费用
  • windows server 2008.
  • windowsserver2008r2密码重置
  • Usrshuta.exe - Usrshuta是什么进程
  • linux系统的内存分配和回收采用什么算法?
  • win7开机每次都要输入用户名
  • win7旗舰版怎么连接无线网络
  • perl如何使用
  • 安卓打开前置摄像头
  • python输出unicode编码
  • javascript教程chm
  • angular.js
  • 从零开始学什么
  • js dom操作方法
  • python中lxml模块
  • 福建失业金领取几个月
  • 巾帼文明岗主题内容
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设