insertBefore

最新推荐文章于 2022-06-09 20:34:24 发布
最新推荐文章于 2022-06-09 20:34:24 发布
阅读量392 收藏
点赞数
分类专栏： javascript 文章标签： JavaScript insertBefore ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/seavers/article/details/84365446
版权
insertBefore

经常看到这样的写法: 

if (head.firstChild) {
	head.insertBefore(node, head.firstChild);
} else {
	head.appendChild(node);
}

其实可以改为: 

head.insertBefore(node, head.firstChild);

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


另外:
[list]
[*]IE6,IE7,IE8 下的head默认不是空的, 有一个文本空节点, head.childNodes.length === 1
[*]IE9下面时, 如有<head></head>, 为1个文本节点, 内容为一个回车符
[*]IE9下面时, 如没有head标签, 与chrome一致, 节点数为0
[*]chrome时, <head></head>与没有head标签,均一致, 节点数为0
[/list]
大海Online
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
appendChild() 或 insertBefore()使用与区别介绍
12-03
document.createElement()是在对象中创建一个对象，要与appendChild() 或 insertBefore()方法联合使用。其中，appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。 下面，举例说明document.createElement()的用法。<div id=”board”></div> 例1： 代码如下: [removed] var board = document.getElementById(“board”); var
insertBefore()方法,
FLY_keep_going
04-14 3114
&lt;/head&gt;&lt;body&gt; insertBefore()方法，这个方法将把一个新元素插入到一个现有元素的前面。在调用此方法时，必须告诉它三件事： 1.想插入的新元素(newElement). 2.想把这个新元素插入到哪个现有元素(targetElement)的前面。 3.这两个共同的父元素(parentElement); 下面是这个方法的调用语法： parentElemen...
多次Jquery引发head.insertBefore( script, head.firstChild );
diligentcat的专栏
09-24 3922
<br />多次载入jquery是指在一个页面里引用jquery，而在DIV中载入的那个页面中就不要再引用jquery了。如果引用则会触发head.insertBefore( script, head.firstChild );的错误。
insertBefore的用法
热门推荐
Meskjei的博客
04-09 3万+
文章目录简介用法参数注意的地方 简介 inserBefore，顾名思义就知道是“在某个节点之前插入”。而MDN文档的说法是： Node.insertBefore() 方法在参考节点之前插入一个拥有指定父节点的子节点 而所谓的“拥有指定父节点”，就是指被参照的节点的父节点就是调用insertBefore方法的节点。 如果给定的子节点是对文档中现有节点的引用，insertBefore()会将其从当...
insertBefore 的详细用法解析
像一阵风
04-23 6925
其中需要注意两点 1.谁去调用此函数 2.函数中的两个参数的意义
js AppendChild与insertBefore用法详细对比
10-26
本篇文章主要是对js中AppendChild与insertBefore的用法进行了详细的对比。需要的朋友可以过来参考下，希望对大家有所帮助
初学js插入节点appendChild insertBefore使用方法
10-28
由于可见insertBefore()方法的特性是在已有的子节点前面插入新的节点但是两种情况结合起来发现insertBefore()方法插入节点，是可以在子节点列表的任意位置。
js中AppendChild与insertBefore的用法详细解析
10-26
主要是对js中AppendChild与insertBefore的用法进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助
浅谈jQuery before和insertBefore的区别
10-20
在jQuery库中，`before`和`insertBefore`都是用于在现有DOM元素前插入新内容的方法，但它们的使用方式有所不同。理解这两个方法的区别对于优化和编写高效的jQuery代码至关重要。 首先，`before`方法的基本语法是`$...
insertBefore() 方法
ssisse的博客
09-24 2749
XML DOM insertBefore() 方法 定义和用法 insertBefore() 方法可在已有的子节点前插入一个新的子节点。 此方法可返回新的子节点。 语法： insertBefore(newchild,refchild) 参数 描述 newchild 插入新的节点 refchild
可以添加在头部＜head＞区域的元素标签
weixin_50587594的博客
03-20 480
<head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本（scripts）, 样式文件（CSS），及各种meta信息。 可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。 ...
JavaScript DOM--- insertBefore()方法
yhlysy的博客
07-15 2481
insertBefore()方法是在指定的已有的节点之前插入新的节点，它有两个值，第一个值为要插入的内容，第二个值为指定节点。例如    在上述例子中，先创建一个新的元素节点，再创建一个文本节点，将文本节点添加到创建的元素节点中，通过getElementById获取ul对象， 将新建节点插入到ul对象的第三个元素之前。 注意：ul列表之所以横着写，中间不留空格是因为insert
appendChild 和insertBefore的区别
whlovedlw的博客
06-09 1436
appendChild 和insertBefore的区别
Lodop、C-Lodop页面找不到报404错误解决
前端蜗牛君
12-23 1万+
在使用 Lodop、C-Lodop打印控件时，使用火狐浏览器不报错，换成IE浏览器时报404错误（找不到控件的下载位置): 以前的配置如下： 1.spring-servlet.xml中配置（找到打印控件的位置）： 下面是项目部分截图： 2.LodopFuncs.js的代码： var CreatedOKLodop7766=null; //====判断是否需要安装CLodop云打印服
insertBefore 的变态用法
zha_zi的专栏
03-18 360
     js的dom操作经常使用，但是大部分都是使用一些fristChild lastChild childNodes removeChild nextSibiing 这类用法，今天有个功能需要在一个已知节点的前边插入一个节点，发现有个dom提供这个api，用的时候发现反复都不成功，按正常人的逻辑肯定如果在A 节点前边插入B节点那么这个insertBefore的用法就应该是 A.insertB...
javascript当中insertBefore的用法
qq_44594371的博客
11-18 611
例 1.3（insertBeforeIEFF.html） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/&g...
♥️Javascript之DOM♥️
欢迎
09-10 2066
目录 节点 Node类型 属性 方法 Document类型 属性 DOM编程界面 查找元素 添加元素 Element类型 属性 Text类型 属性和方法 文档对象模型（DOM）是网页的编程接口。它给文档（结构树）提供了一个结构化的表述并且定义了一种方式——程序可以对结构树进行访问，以改变文档的结构，样式和内容。 浏览器会根据DOM模型，将结构化文档（比如HTML和XML）解析成一系列的节点，再由这些节点组成一个树状结构（DOM T...
insertbefore
最新发布
11-21
insertBefore()是JavaScript中的一个DOM方法，用于在指定节点之前插入一个新的子节点。它接受两个参数：要插入的新节点和参考节点。新节点将被插入到参考节点之前。如果参考节点为null，则新节点将被插入到父节点的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值