关于HTML DOM 中insertBefore与appendChild方法

含义:

insertBefore:在现有的子节点前加入一个新的子节点。
append:在现有的子节点后加入一个新的子节点。

用法:

target.insertBefore(newChild,existingChild);
target是父节点,newChild是要插入到existingChild节点之前的节点。
target.appendChild(newChild);
target是父节点,newChild是要插入到所有子节点之后的节点。

兼容性问题:

在IE下,使用 insertBefore 时,第二个参数,也就是 existingChild 可以被省略。
而在 Chrome 与火狐下,第二个参数必须写上。
Chrome 报错:Uncaught TypeError: Failed to execute ‘insertBefore‘ on ‘Node‘: 2 arguments required, but only 1 present.
火狐报错:TypeError: Not enough arguments to Node.insertBefore

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Ecmascript 大括号的位置function f() { return { h:'Hello Wo...
    FConfidence阅读 4,597评论 0 2
  • 1、DOM简介。 当页面加载时,浏览器会创建页面的文档对象模型(Document Object Model)。文档...
    duJing阅读 3,754评论 0 1
  • 认识DOM文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。D...
    jasmine_jing阅读 4,202评论 0 3
  • 大家好,我是群子。 从画彩铅猫眼开始,就好久没有画过彩铅,大家可以去我简书第一篇文就是画猫眼哦(临摹)。看到网上画...
    群子学习手记阅读 5,160评论 0 6
  • 2017-9-23日 江南的秋雨,没完没了,已经好几天了,睡觉时盖着被子会觉得热,起床穿着长裤短袖在窗前会觉得凉风...
    伶俐姑娘阅读 1,720评论 2 3

友情链接更多精彩内容