How can i fix this problem with JavaScript?

Question

**i want to put third elememt to second place but i cant **

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>

Does this answer your question? [How to swap DOM child nodes in JavaScript?](https://stackoverflow.com/questions/9732624/how-to-swap-dom-child-nodes-in-javascript) — Mickael B., Jan 10 '20 at 09:11
`"message": "TypeError: par.insertBefore is not a function",` — Jaromanda X, Jan 10 '20 at 09:11
`getElementsByClassName` is not an element, it's a collection of elements — Jaromanda X, Jan 10 '20 at 09:11

score 0 · Accepted Answer · answered Jan 10 '20 at 09:11

0

document.getElementsByClassName() returns HTMLCollection rather than dom element,

you should write this: const par = document.getElementsByClassName('menu')[0]

answered Jan 10 '20 at 09:11

adajoy MC

61
4

How can i fix this problem with JavaScript?

1 Answers1