1. 程式人生 > >JS編程練習:將目標節點內部的子節點逆序

JS編程練習:將目標節點內部的子節點逆序

this back type 節點 nts on() ext proto es2017

將目標節點內部的子節點逆序


 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編程練習:將目標節點內部的子節點逆序