首页 > Web开发 > 详细

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

时间:2017-12-07 23:36:46      阅读:589      评论:0      收藏:0      [点我收藏+]

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


 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编程练习:将目标节点内部的子节点逆序

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!