Задать вопрос
@Madsh
Только начинаю изучать Js
javascript

Почему не работает код на Js removeChild?

Изучаю JavaScript, сама себе поставила задачу: Используя removeChild удалить нечетные параграфы со страницы, а если параграф четный, то текст должен стать красным. Мой код: 
<body>
    <h1>DOM Examples</h1>
    <div>
        <p>Here is the paragraph</p>
        <p>Here is the second paragraph</p>
        <p>Here is the third paragraph</p>
        <p>Here is the forth paragraph</p>
        <p>Here is the fifth paragraph</p>
        <p>Here is the sixth paragraph</p>
    </div>
    <script>
        var myDiv = document.querySelector('div');
        for (i=0; i<myDiv.length; i++){
            if (i%2==0){
                myDiv.removeChild(myDiv.children[i]);
            }
            else myDiv[i].style.color = "red";
        }
    </script>
</body>


Код не выдает ошибок, но и ничего не делает. Почему?
  • Вопрос задан
  • 85 просмотров
1 комментарий
Подписаться Простой 1 комментарий
Пригласить эксперта
Ответы на вопрос 2
sergiks
@sergiks Куратор тега JavaScript
♬♬
Разбираясь с проблемой стоит исследовать, с чем идёт работа: что находится в myDiv.length — можно вывести в консоль, как вариант. console.log(myDiv.length); // undefined

Что представляет из себя myDiv.children — стоит почитать документацию. Важный момент: это «живая» коллекция. Как только удаляете из неё элемент, коллекция обновляется. Удалили 1-й, все сдвинулись на 1, и 3-м станет тот, что ранее был 4-м.

Для задачи можно использовать querySelectorAll — это статичная коллекция.
spoiler

Ответ написан
Комментировать
Комментировать
@heider 
var myP = document.querySelectorAll('div > p');
        for (var i = 0; i < myP.length; i++) {
            if (i % 2 == 0) {
                myP[i].remove();
            }
            else myP[i].style.color = "red";
        }
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript разработчик
Мэтч
от 80 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработать BSP для платы на основе Nuvoton NUC977DK61Y
23 апр. 2024, в 15:28
50000 руб./за проект
Создать бота для игорного клуба в Беларуси
23 апр. 2024, в 15:25
15000 руб./за проект
Доработка 2D приложения на платформе Unity
23 апр. 2024, в 15:19
8000 руб./за проект
Ещё заказы