JS编程练习：封装insertAfter函数(功能类似于系统insertBefor)

最新推荐文章于 2022-06-09 20:34:24 发布
最新推荐文章于 2022-06-09 20:34:24 发布
阅读量112 收藏
点赞数
原文链接：http://www.cnblogs.com/wood2012/p/8001314.html
版权

那么insertAfter()要实现的功能： 在指定的子节点后面插入新的子节点；

 1 <body>
 2     <div>
 3         <p></p>
 4         <span></span>
 5         <em></em>
 6         <i></i>
 7     </div>
 8 
 9 <script type="text/javascript">
10     Element.prototype.insertAfter = function(targetNode,afterNode){
11         var beforNode = afterNode.nextElementSibling;
12 
13         if(beforNode == null){
14             this.appendChild(targetNode);
15         }else{
16             this.insertBefore(targetNode,beforNode);
17         }
18     }
19 
20     var div = document.getElementsByTagName('div')[0];
21     var span = document.getElementsByTagName('span')[0];
22     var i = document.getElementsByTagName('i')[0];
23     var a = document.createElement('a');
24 </script>
25 </body>

 --------------------------------------------------------------------------

 

转载于:https://www.cnblogs.com/wood2012/p/8001314.html

weixin_30737363
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
insertBefore的用法
Meskjei的博客
04-09 3万+
文章目录简介用法参数注意的地方 简介 inserBefore，顾名思义就知道是“在某个节点之前插入”。而MDN文档的说法是： Node.insertBefore() 方法在参考节点之前插入一个拥有指定父节点的子节点 而所谓的“拥有指定父节点”，就是指被参照的节点的父节点就是调用insertBefore方法的节点。 如果给定的子节点是对文档中现有节点的引用，insertBefore()会将其从当...
javascript---------封装函数 insertAfter()；功能类似 insertBefore();
Mrrr_Li的博客
04-28 236
这是body部分的代码` <script> Element.prototype.insertAfter = function( targetNode, afterNode ){ var beforeNode = afterNode.nextElementSibling; //表示afterNode的下一个兄弟节点...
封装函数insertAfter()；功能类似insertBefore()
小白小白从不日别的博客
06-18 204
<div> <i></i> <b></b> <span></span> </div>
封装insertAfter
栖竹
09-14 351
有时候我们需要在节点后插入一个节点此时我们用node.insertBefore就有点不好用所以我们需要封装node.insertAfter。 Element.prototype.insertAfter = function (targetNode, afterNode) { //在原型链创建一个方法 var before = afterNode.nextElementSibling...
js写封装函数insertAfter()
weixin_48727085的博客
08-03 139
<!DOCTYPE html> <html leng = 'en'> <head> <meta charset = 'UTF-8'/> <style></style> </head> <body> <div> <i></i> <b></b> <span></span> &
封装函数insertAfter();功能类似insertBefore(); 提示可忽略老版本浏览器，直接在Element.prototype上编程
vfjcgg的博客
03-12 315
封装函数insertAfter();功能类似insertBefore(); 提示可忽略老版本浏览器，直接在Element.prototype上编程 Element.prototype.insertAfter = function(targetNode, afterNode) { var beforeNode = afterNode.nextElementSiblin...
Javascript insertAfter() 实现函数代码
10-28
DOM没有提供insertAfter()方法，我们可以自己扩展下。
JavaScript缺少insertAfter解决方案
10-15
主要介绍了JavaScript缺少insertAfter解决方案,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
javascript insertAfter()定义与用法示例
12-29
本文实例讲述了javascript insertAfter()定义与用法。分享给大家供大家参考，具体如下： HTML部分： <div id=b>bbbbbbbbb <div>dddddd JavaScript部分: [removed]=function(){ var a =document.createElement...
封装函数insertAfter()，功能类似insertBefore()
qq_43715364的博客
03-07 224
Element.prototype.insertAfter = function (targetNode, afterNode) { var beforeNode = afterNode.nextElementSibling; if(beforeNode == null){ this.appendChild(targetNode); }else{ this.insertBefore(targetN...
insertBefore()方法,
FLY_keep_going
04-14 3093
&lt;/head&gt;&lt;body&gt; insertBefore()方法，这个方法将把一个新元素插入到一个现有元素的前面。在调用此方法时，必须告诉它三件事： 1.想插入的新元素(newElement). 2.想把这个新元素插入到哪个现有元素(targetElement)的前面。 3.这两个共同的父元素(parentElement); 下面是这个方法的调用语法： parentElemen...
insertBefore 的详细用法解析
像一阵风
04-23 6916
其中需要注意两点 1.谁去调用此函数 2.函数中的两个参数的意义
appendChild 和insertBefore的区别
whlovedlw的博客
06-09 1418
appendChild 和insertBefore的区别
insertAfter()方法------在节点后面插入节点
04-26 1798
DOM提供了insertBefore()方法，可以在某一个节点前面插入节点，但有时候需要在某一个节点后面插入节点，这就是insertAfter()方法。（From：JavaScript DOM编程艺术） 函数名：insertAfter() 参数：newElement：要添加的节点，targetElement：目标节点 1 function insertAfter(newElem...
原生js实现jquery的insertBefore 和insertAfter 方法（四）
飞天代码的博客
05-31 3360
网上实现类似方法都是针对相应dom节点进行操作，但许多情况下，会拼接好相应html以字符串方式直接插入。 前不久做去jquery的时候用到类似方法，这里简单的记录下，直接上代码吧 insertAfter方法实现 //某个元素后插入 insertAfter: function (newElement, targetElement) { targetElement=See...
js里的insertBfore 和自定义的insertAfter
时光的博客
07-25 1766
在js里insertBefore() 方法在您指定的已有子节点之前插入新的子节点。下面是代码 html添加前 &lt;div id="box"&gt; &lt;span id="box1"&gt;&lt;/span&gt; &lt;/div&gt; var box = document.getElementById("box"); //父节点 var box1 = do
js insertBefor insertAfter
liuxueyi521的专栏
10-18 1441
1 2 3   function insertBeforeById() {  var oTest = document.getElementById("box-one"); var newNode = document.createElement("div"); var reforeNode = document.getElementById("p2"); newNode.
javascript insertBefore( )
cvper's world !
03-31 6744
js DOM 操作----insertBefore( ) 的用法；含义：在某个元素之前插入一个新的元素；先来写一个带有三个段落的网页：&lt;!doctype html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;insertBefore()&lt;/title&
JavaScript 使用insertBefore()在某元素的前/后加入元素
thyyyyyyyy的博客
04-30 3642
定义和用法 insertBefore() 方法可以在您指定的已有子节点之前插入新的子节点 用此方法把 <!DOCTYPE html> <html> <body> <p id="demo">这是节点0。<span>这是节点1。</span></p> <button onclick="addText()"&gt...
template <class T> void Node<T>::insertAfter(Node<T> *p) { /********** Begin **********/ /********** End **********/ }
最新发布
10-30
这是一个模板类的链表节点插入函数，该函数用于在链表中插入一个节点。具体实现需要根据链表的具体实现方式进行编写。 在该函数中，需要实现将新节点插入到当前节点之后的操作。具体步骤如下： 1. 将新节点的next...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值