码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-12-07 23:52:40      阅读:293      评论:0      收藏:0      [点我收藏+]

标签:节点   round   append   逆序   javascrip   document   return   js编程   div   

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


 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>

 

技术分享图片

注意点:appendChild()为剪切性质的

 

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

标签:节点   round   append   逆序   javascrip   document   return   js编程   div   

原文地址:http://www.cnblogs.com/wood2012/p/8001385.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!