Удаление элементов DOM и выборка по DOM у

[parnas]

Изучаю АЗЫ JS. вовремя выполнения задач не смог их полностью решать. Поэтому прошу о вашей помощи.

1) Создайте страницу с кнопкой, при нажатии по кнопке на странице должен создаваться параграф с произвольным текстом. После создания 10 параграфов все они должны быть удалены.

Решения: Сделал до удаления параграфов. Не смог реализовать последную условию: "После создания 10 параграфов все они должны быть удалены." Вот мой код:

https://jsfiddle.net/parnas/j7g59gLz/

2) Разработайте модуль, который будет содержать функцию для получения элементов на странице с определенным значением в атрибуте с именем class. Пример использование модуля. var arr = MyQuery.FindClass(“redButton”); ­ возвращает массив элементов с атрибутом class=”redButton”

Вот моя решения:

https://jsfiddle.net/parnas/ewn4t53m/

Но получаю ошибку module3.js:10 Uncaught TypeError: elemList.getAttribute is not a function

Пожалуйста, помогите с решеним. Заранее спасибо!

 

[Igor Schnaider]

MyQuery.FindClass = document.getElementsByClassName.bind(document);

:-)

Вообще, ошибка возникает, потому что вы пытаетесь получить атрибут текстовой ноды (там его нет). В вашем случае надо проверять, является ли текущий объект элементом

if (elemList[i].nodeType === 1 && elemList[i].getAttribute("class") === this.className) {
    /* ... */
}

Или вместо childNodes

var elemList = document.body.children;

 

[parnas]

Спасибо. Понял свою ошибку! А как насчет 1-го задания? 

[Igor Schnaider]

Создайте счетчик. Когда достигнет 10 - удалите элементы и сбросьте счетчик.

[parnas]

15 часов назад, Igor Schnaider сказал:

Создайте счетчик. Когда достигнет 10 - удалите элементы и сбросьте счетчик.

Не осилил. Но пытался. Вот код: https://jsfiddle.net/parnas/j7g59gLz/1/

Не подскажите? Спасибо!

[by chris]

6 часов назад, parnas сказал:

Не подскажите?

Счетчик не обязателен. https://jsfiddle.net/j7g59gLz/3/

[parnas]

Спасибо!!! То что нужно!

[Sensei]

Вот вам еще вариант, без цикла https://jsfiddle.net/n6t1pop2/

[parnas]

В 8/1/2016 в 10:55, Sensei сказал:

Вот вам еще вариант, без цикла https://jsfiddle.net/n6t1pop2/

 Спасибо! Очень познавательно!