位置: 编程技术 - 正文

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

  • 一般纳税人销售旧货
  • 研发费用加计扣除是什么意思啊
  • 劳务派遣人员的工资计入什么科目
  • 没有数字的公章有效吗三方协议盖的章没有数字
  • 签劳务合同需要什么资质
  • 公益性捐赠的税收优惠政策
  • 借给股东的借款怎么做账
  • 出售设备账务处理
  • 营改增后哪些费用可以抵扣
  • 保费收入包含
  • 增值税发票抵扣期限最新规定
  • 公司出租商铺要交哪些税
  • 现金银行存款日记账日清月结
  • 进行财产清查
  • 收到工伤保险的发票
  • Win11系统怎么更换桌面壁纸
  • 651错误是怎么回事
  • 私募证券投资如何交易
  • mac电脑command+s
  • wordpress访客插件
  • 为什么链接网线后无法链接网络
  • 重命名电脑名称有什么用
  • 先开票后发货开票时确认收入
  • linux运维有前景吗
  • hp是什么代码
  • json postman
  • 数据库系统课程学什么
  • pytorch 例子
  • 红字申请表开错了怎么办
  • 人民日报公共事件的报道问题
  • 固定资产损失用什么科目
  • 办理银行承兑汇票保证金比例
  • 补缴教育费附加免征滞纳金
  • 织梦网站特有标识
  • 电子发票怎么开具流程呢?
  • mysql语句语法
  • 水利基金的计税税率6
  • 合并会计报表合并范围
  • 企业主营业务收入科目下的余额应转入的科目是
  • 汇算清缴要求
  • 善意取得虚开增值税专用发票处理
  • 固定资产报废时,后续未折旧额计入哪里
  • 固定资产盘亏是营业外支出吗
  • 抵扣联过期时间
  • 收到购货款用预付款吗
  • 税局代开的专票能作废或红冲吗?
  • 以融资租赁形式的车贷没还上可以拖车吗
  • 预付卡充值入什么科目
  • 收到银行本票计入什么科目
  • 年底结账会计要怎么做账
  • 律师事务所如何成立
  • 预收账款账务处理流程图
  • 子公司的亏损能算到母公司吗
  • macos装mysql
  • sql server中触发器的作用是什么?
  • sql注入式攻击中单引号的作用
  • windows server 2008 r2离线激活
  • 苹果发布会最新消息
  • win8系统的运行在哪里打开
  • centos怎么配置yum
  • centos6 systemctl
  • WinCinemaMgr.exe - WinCinemaMgr是什么进程
  • Ubuntu 15.04系统怎么清理的系统垃圾文件?
  • 电脑键盘上f1到f12快捷键的功能分别是
  • win8系统搜索不到wifi
  • linux三种用户权限
  • window10外接摄像头怎么启用
  • 枚举目录时出现错误
  • javascript面向对象编程 PDF
  • shell脚本运行c程序
  • linux中的ls命令的功能是变换工作目录到目标指定目录
  • 在centos上安装pycharm
  • 陕西税务平台
  • 四川税务服务大厅
  • 2020宜兴市民中心营业时间
  • 工会代扣代缴个税怎么申报
  • 浙江国税电子税务局申报时间
  • 古代税收和现代税收
  • 车船发票什么样子
  • 财务年中工作总结简短
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设