位置: 编程技术 - 正文

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对象常用方法)

  • 纳税人识别号是什么哪里可以查到
  • 发票多开了,要求退回重开,如何处理
  • 信用减值损失与坏账准备关系
  • 专票如何开具
  • 指定扣缴和法定扣缴区别
  • 自产自销农产品发票如何开具
  • 企业清理固定资产所得税汇算是需要调整吗
  • 聘用劳务人员派遣合法吗
  • 存货营业外支出包括哪些
  • 企业支付员工一年多少钱
  • 残保金是所有企业都交么
  • 小企业会计准则和企业会计准则的区别
  • 存货算动产吗
  • 个体户公司需要交哪些税
  • 一般纳税人苗木发票可以抵扣吗
  • 打印出来的明细账怎么装订
  • 2017年个税税率表及个税计算公式
  • 企业的其他业务是什么
  • 企业所得税怎么征收几个点
  • 印花税可以根据企业流水申报吗
  • 出口免抵退申报期限最新政策解读
  • 企业所得税是怎么来的?
  • 个人股权转给公司要交个税吗
  • 技术开发免征增值税属于普通零税率项目么?
  • win10 20h2更新时间久
  • 入账价值是啥
  • 辞退补偿金怎么算n1吗
  • 小规模纳税人如何缴纳企业所得税
  • 职工食堂的费用,会计上怎么做账?
  • 如何安装u盘的系统
  • 网关设置
  • 教育发展基金计提比例
  • 完美替身好看吗
  • Asian elephants in West Bengal, India (© Avijan Saha/Minden Pictures)
  • 行人检测技术
  • pytorch例程
  • 波士顿房价数据集可视化
  • 电话订票起售时间
  • 公允价值变动损益
  • 账户验证是什么意思
  • 捐款 企业
  • 在php中声明变量时,变量名称以什么符号开头
  • 工业企业取得土地收益
  • 工会经费申报的依据
  • 纳税人识别号是不是税号
  • 建筑公司多个项目分别选计税方法的适用文件
  • 折旧费和折旧额的区别
  • vs2015安装方法
  • 弃置费用的摊余成本
  • 小规模纳税人未开票收入如何申报增值税
  • 城市维护建设税怎么算
  • 农业用地租赁是免税的吗
  • 平销返利如何开票是负数的
  • 事业单位结余是什么意思
  • 待抵扣进项税额分录
  • 在建工程什么时候用
  • 2020年账簿印花税减免政策
  • 人力资源公司代发工资可以开专用发票吗
  • 社保费申报是当月的
  • 发票几个月内可以红冲
  • 内部交易内部交易收益造成的当期折旧的多计额
  • 办理营业执照需要什么条件
  • 总帐参数怎么设置
  • 数据库优化的作用是什么?
  • mysql优化实战
  • windows历代版本一览
  • fpx是什么文件格式
  • linux useradd(adduser)命令参数及用法详解(linux创建新用户命令)
  • win7只能上qq不能上网页
  • win7系统连不了蓝牙
  • 边学边玩的游戏
  • cocos2d环境配置
  • jQuery插件下载
  • linux运维是必死之路
  • css控制html
  • javascript常用函数大全
  • python编程字符串中删除数字
  • django forloop
  • jquery自动完成插件
  • javascript规范
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设