Почему не работает .insertBefore

08 июня 2021, 07:30

'use strict'; 
 
let menuItem = document.querySelectorAll("body > header > nav > ul.menu > li.menu-item"); 
// console.log(menuItem.length); 4 
let parentNode = document.querySelectorAll("body > header > nav > ul.menu"); 
// console.log(parentNode.length); 1 
// console.log(menuItem); Ok 
parentNode.insertBefore(menuItem[2], menuItem[0].nextSibling);

<body> 
	 <header> 
     <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> 
   </header> 
 </body>

В чем ошибка в коде? По выводам консоли понимаю, что .insertBefore не срабатывает. Задача изменить ранжир строк меню на правильный.

Answer 1

let parentNode = document.querySelector/*All*/("body > header > nav > ul.menu");

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Ошибка при запуске gulp c консоли : gulp img

Собственно создал новый проект с gulpNode -v

105

javascript

Как написать эту строку JQuery на чистом JavaScript?

Как написать эту строку JQuery на чистом JavaScript ? Строку я обозначил коментарием

javascript

Ошибка в классе. Использование do..while [закрыт]

Хотите улучшить этот вопрос? Обновите вопрос так, чтобы он вписывался в тематику Stack Overflow на русском

javascript

Практика VS Теория в программировании [закрыт]

Хотите улучшить этот вопрос? Переформулируйте вопрос так, чтобы на него можно было дать ответ, основанный на фактах и цитатах

119