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

Posted wood2012

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS编程练习:将目标节点内部的子节点逆序相关的知识,希望对你有一定的参考价值。

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


 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编程练习:将目标节点内部的子节点逆序的主要内容,如果未能解决你的问题,请参考以下文章

将字符串 XML 片段转换为 Java 中的文档节点

将位置传递给 BrowserRouter 的子节点 - React Router

轻松学习JavaScript二十一:DOM编程学习之获取元素节点的子节点和属性节点

(单链表)单链表的整体逆序和局部逆序

JS-递归获取当前节点全部指定类型的子节点

jQuery的DOM操作