JS编程练习：将目标节点内部的子节点逆序

最新推荐文章于 2023-02-08 10:30:54 发布

weixin_30764771

最新推荐文章于 2023-02-08 10:30:54 发布

阅读量322

点赞数 1

原文链接：http://www.cnblogs.com/wood2012/p/8001385.html

版权

将目标节点内部的子节点逆序

 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     // 将目标节点内部的节点逆序
11     Element.prototype.invertedChild = function(){
12         var child = this.children;
13             len = child.length;
14             
15             for (var i = len - 2; i >= 0; i--){
16             this.appendChild(child[i]);
17             }
18         return this;
19     }
20 
21     var div = document.getElementsByTagName('div')[0];
22 </script>
23 </body>