如何用 JavaScript 解决这个问题？答案

【问题标题】：How can i fix this problem with JavaScript?如何用 JavaScript 解决这个问题？
【发布时间】：2020-04-27 21:51:13
【问题描述】：

**我想把第三个元素排到第二位，但我不能**

const par = document.getElementsByClassName('menu' ),
      chil = document.getElementsByClassName('menu-item');
        console.log(par, chil);
        par.insertBefore(chil[2] , chil[1])

 <nav>
       <ul class="menu">
         <li class="menu-item">Первый пункт</li>
         <li class="menu-item">Третий пункт</li>
         <li class="menu-item">Второй пункт</li>
         <li class="menu-item">Четвертый пункт</li>
       </ul>
     </nav>

【问题讨论】：

这能回答你的问题吗？ How to swap DOM child nodes in JavaScript?
"message": "TypeError: par.insertBefore is not a function",
getElementsByClassName 不是元素，它是元素的集合

标签： javascript

【解决方案1】：

document.getElementsByClassName() 返回 HTMLCollection 而不是 dom 元素，

你应该这样写：const par = document.getElementsByClassName('menu')[0]

【讨论】：