设置自定义面板，如果调整显示顺序

黄色框我是自己定义的top面板，红色的是默认设计器自带的，但是我先把我的放上面，这块怎么能调整呢

您好，可以用dom结点获取子节点，然后修改顺序。
可以参考下面的代码：

1. // 选择父节点
   
2. const parent = document.getElementById("parent");
   
3. 
   
4. // 获取子节点列表
   
5. const childNodes = parent.childNodes;
   
6. 
   
7. // 将子节点列表转换成数组
   
8. const childArr = Array.from(childNodes);
   
9. 
   
10. // 颠倒子节点数组的顺序
    
11. const reversedArr = childArr.reverse();
    
12. 
    
13. // 从父节点中移除所有子节点
    
14. while (parent.firstChild) {
    
15.   parent.removeChild(parent.firstChild);
    
16. }
    
17. 
    
18. // 将反转后的子节点按照新顺序添加回父节点
    
19. reversedArr.forEach(node => {
    
20.   parent.appendChild(node);
    
21. });

复制代码