JS编程练习：封装insertAfter函数(功能类似于系统insertBefor)
Posted wood2012
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS编程练习：封装insertAfter函数(功能类似于系统insertBefor)相关的知识，希望对你有一定的参考价值。
那么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>
--------------------------------------------------------------------------
以上是关于JS编程练习：封装insertAfter函数(功能类似于系统insertBefor)的主要内容，如果未能解决你的问题，请参考以下文章
js语言基础练习---------------函数的高级（了解），类和对象（重点）
DOM外部插入insertAfter()与insertBefore()