`
seavers
  • 浏览: 173686 次
  • 来自: ...
社区版块
存档分类
最新评论

insertBefore

JavaScriptinsertBefore 
阅读更多
insertBefore

经常看到这样的写法: 
if (head.firstChild) {
	head.insertBefore(node, head.firstChild);
} else {
	head.appendChild(node);
}

其实可以改为: 
head.insertBefore(node, head.firstChild);

  • insertBefore的第二参数为空时, 相当于appendChild
  • head.firstChild为空时, insertBefore等同于appendChild
  • jquery中的getScript时, 就是只有一句 insertBefore




另外:
  • IE6,IE7,IE8 下的head默认不是空的, 有一个文本空节点, head.childNodes.length === 1
  • IE9下面时, 如有<head></head>, 为1个文本节点, 内容为一个回车符
  • IE9下面时, 如没有head标签, 与chrome一致,  节点数为0
  • chrome时, <head></head>与没有head标签,均一致, 节点数为0


分享到：
| isFunction
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js中AppendChild与insertBefore的用法详细解析.docx

    JavaScript 中的 AppendChild 和 InsertBefore 用法详细解析 在 JavaScript 中，appendChild 和 insertBefore 是两个常用的方法，用于在 DOM 中插入新的节点。但是，很多开发者对这两个方法的使用和区别不是很清楚...

    js在指定位置增加节点函数insertBefore()用法实例

    JavaScript提供了很多方法来进行DOM操作，其中`insertBefore()`方法是用来在父节点下的指定子节点之前插入一个新的节点。此方法的使用非常灵活，可以在页面中任意位置插入新的元素，而不影响其他元素的位置和状态。 ...

    基于insertBefore制作简单的循环插空效果

    　利用insertBefore制作简单的循环插空效果 【HTML代码说明】 &lt;li class=in&gt;1 &lt;li class=in&gt;2 &lt;li class=in&gt;3 &lt;li class=in&gt;4 &lt;li class=in&gt;5 &lt;li class=in&gt;6 【CSS代码说明】 .in{ height: 20px; line...

    jQuery中的insertBefore(),insertAfter(),after(),before()区别介绍

    jQuery提供了几种方法来实现这些功能，其中包括insertBefore(), insertAfter(), after(), 以及before()。这些方法虽然名字相似，但各自有不同的用途和行为，下面将详细介绍它们之间的区别。 首先，我们要了解的是...

    insertBefore nextSibling 用法

    在指定ID前、内、后插入内容，参考实例。

    js AppendChild与insertBefore用法详细对比

    在这部分工作中，最常使用的两个方法就是appendChild()和insertBefore()。尽管这两个方法都用于向文档中添加节点，但它们之间的使用方式及细节存在一些差异。 appendChild()方法是最基本的添加节点方法，它的作用是...

    前端教程：68 dom insertbefore

    千锋Web前端教程_68_dom_insertbefore

    初学js插入节点appendChild insertBefore使用方法

    在DOM操作中，经常会需要向页面中添加新的元素节点，这时就可以使用appendChild和insertBefore两个方法。本文将详细介绍这两个方法的使用场景、语法以及它们之间的差异。 ### appendChild()方法 appendChild()方法...

    JavaScript：createElement和insertBefore

    obj = document.createElement(tag)创建一个标签，oParent.appendChild(obj)和oParent.insertBefore(obj,element)都是由要插入的标签的父节点调用，appendChild将创建的元素依次加在后面，而insertBefore则可以将...

    js中AppendChild与insertBefore的用法详细解析

    首先，让我们深入探讨JavaScript中非常重要的DOM操作方法：appendChild和insertBefore。 appendChild方法用于将一个节点添加到指定节点的子节点列表的末尾。它的使用非常直接，接受一个参数newChild，代表即将添加...

    浅谈jQuery before和insertBefore的区别

    在jQuery库中，`before`和`insertBefore`都是用于在现有DOM元素前插入新内容的方法，但它们的使用方式有所不同。理解这两个方法的区别对于优化和编写高效的jQuery代码至关重要。 首先，`before`方法的基本语法是`$...

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

    `appendChild()` 和 `insertBefore()` 是两个非常重要的方法，用于在已有节点的子节点列表中添加新节点。 `appendChild()` 方法用于将一个节点添加到指定父节点的子节点列表的末尾。这意味着新节点始终会被放置在...

    JavaScript之appendChild、insertBefore和insertAfter使用说明

    `appendChild`、`insertBefore`以及非标准的`insertAfter`方法都是用于管理DOM树中节点关系的重要方法。下面我们将详细探讨这三个方法的功能、用法及实际应用。 1. `appendChild(newChild: Node)`: 这个方法将`new...

    jQuery中append、insertBefore、after与insertAfter方法注意事项

    同时，appendTo、prependTo、insertBefore和insertAfter则是对应的以元素为目标的选择器方法。了解这些方法的特性及注意事项，对于提高页面交互的开发效率和准确性至关重要。 首先，我们来看看append方法。append...

Magicbox
Global site tag (gtag.js) - Google Analytics