JS編程練習:將目標節點內部的子節點逆序
阿新 • • 發佈:2017-12-08
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編程練習:將目標節點內部的子節點逆序