Добавить к кнопкам возможность удаления содержимого

@manechka · Регистрация: 26.01.2015

Author24 — интернет-сервис помощи студентам

Есть три div-блока с текстом. К каждому блоку нужно добавить кнопку, при нажатии на которую, скрывался/удалялся бы этот блок с текстом.

Написала такой код http://plnkr.co/edit/4ItqL2sV6... ?p=preview

Кнопки подобавлялись к каждому блоку, но при нажатии на них ничего не происходит. Подскажите, пожулайста, где ошибка и почему не срабатывает кнопка.

Пс. код написан в учебных целях, еще не проходила jQuery

@Shakalaka · 03.11.2015, 13:34

Javascript

1
2
3

function fun() {
      this.parentNode.style.display = "none";
    }

@manechka · 03.11.2015, 13:42 **[ТС]**

Спасибо большое! Все сработало.
Путают меня эти this... так и не могу разобраться в них

Добавлено через 4 минуты
А можете объяснить, почему не срабатывала моя строчка?

Javascript

1
2
3

 function fun() {
      pane[i].style.display = "none";
    }

@Shakalaka · 03.11.2015, 14:19

Сообщение от manechka

А можете объяснить, почему не срабатывала моя строчка?

Напишите так

Javascript

function fun() {
      console.log(i);
      pane[i].style.display = "none";
    }

и посмотрите чему равно i во время вызова этой функции

@manechka · 03.11.2015, 15:27 **[ТС]**

Добавлено через 8 минут
А как это оно так вышло, что показывает 3, если я указала, что цикл for должен выполняться пока i < h3.length, а h3.length = 3, оно ж на тройке должно было оборваться как раз и не выводить ее.

@Shakalaka · 03.11.2015, 15:50

Сообщение от manechka

если я указала, что цикл for должен выполняться пока i < h3.length, а h3.length = 3, оно ж на тройке должно было оборваться

цикл for как выполняется? при i == 2 выполняется тело цикла, i увеличивается, проверяется условие i<3 ? и цикл заканчивается, а i так и останется тройкой.
Если хотите использовать свою функцию fun, тогда так.

Javascript

(function(i){
      function fun() {
        pane[i].style.display = "none";
      }
      button.addEventListener("click", fun);
    })(i);

@manechka · 03.11.2015, 16:22 **[ТС]**

Понятно. Спасибо большое!

Новые блоги и статьи
Информационные технологии hw_wired 28.01.2025 Введение в современные технологии работы с информацией В современном мире информационные технологии стали неотъемлемой частью практически всех сфер человеческой деятельности. Они существенно. . .	Информация вокруг нас hw_wired 28.01.2025 Основные понятия информации В современном мире понятие информации является фундаментальным и охватывает практически все сферы человеческой деятельности. Информация представляет собой совокупность. . .	Компьютер для начинающих hw_wired 28.01.2025 Введение в мир компьютерных технологий В современном мире информация стала одним из важнейших ресурсов человечества, определяющим развитие общества и технологий. Наша жизнь неразрывно связана с. . .	[golang] 189. Rotate Array alhaos 28.01.2025 Повороты рукоятки, целочисленный слайс нужно сдвинуть на целое положительное число. Мне очень нравится решение на GO / / https:/ / leetcode. com/ studyplan/ top-interview-150/ package topInterview . . .	КуМир: решение задач на матрицы bytestream 28.01.2025 КуМир представляет собой среду для обучения программированию, которая включает в себя мощные инструменты для работы с матрицами. Матрица в программировании - это двумерный массив, состоящий из. . .	КуМир: решение задач на строки bytestream 28.01.2025 В системе программирования КуМир работа со строковыми данными является одним из важнейших аспектов создания программ. Строки представляют собой последовательности символов, заключенные в кавычки,. . .
КуМир: решение геометрических задач bytestream 28.01.2025 Программирование геометрических задач в среде КуМир становится всё более актуальным в обучении школьников и студентов. КуМир — это разработанная в России обучающая программная среда, предназначенная. . .	КуМир, исполнитель Водолей: Задачи и решения bytestream 28.01.2025 КуМир — это образовательная среда для обучения программированию. Она предлагает пользователям разнообразные инструменты для разработки и отладки программ, что особенно ценно для студентов и. . .	КуМир, исполнитель Чертежник: Решение задач bytestream 28.01.2025 КуМир (Комплект Учебных МИРов) представляет собой образовательную среду для обучения основам программирования и алгоритмизации. Исполнитель Чертежник работает на координатной плоскости, где может. . .	Rust или Go? А может C++? hw_wired 28.01.2025 С каждой новой технологией или методологией появляются новые языки программирования, призванные решать конкретные задачи либо улучшать аспекты производительности и безопасности. Среди множества. . .	Fortran и WinAPI: как создать приложение с графическим интерфейсом hw_wired 28.01.2025 Fortran — это один из старейших высокоуровневых языков программирования, широко используемый в науке и инженерии уже несколько десятилетий. Его название происходит от "Formula Translation" (перевод. . .	Списки в Haskell hw_wired 28.01.2025 Haskell является функциональным языком программирования, который отличается лаконичностью синтаксиса и мощными абстракциями. Важным концептом в Haskell являются списки — упорядоченные коллекции. . .

@manechka 0 / 0 / 0 Регистрация: 26.01.2015 Сообщений: 30
		1
	Добавить к кнопкам возможность удаления содержимого 03.11.2015, 13:27. Показов 1030. Ответов 6 Метки нет (Все метки) Есть три div-блока с текстом. К каждому блоку нужно добавить кнопку, при нажатии на которую, скрывался/удалялся бы этот блок с текстом. Написала такой код http://plnkr.co/edit/4ItqL2sV6... ?p=preview Кнопки подобавлялись к каждому блоку, но при нажатии на них ничего не происходит. Подскажите, пожулайста, где ошибка и почему не срабатывает кнопка. Пс. код написан в учебных целях, еще не проходила jQuery 0

@manechka 0 / 0 / 0 Регистрация: 26.01.2015 Сообщений: 30
	03.11.2015, 15:27 [ТС]	5
	Добавлено через 8 минут А как это оно так вышло, что показывает 3, если я указала, что цикл for должен выполняться пока i < h3.length, а h3.length = 3, оно ж на тройке должно было оборваться как раз и не выводить ее. 0

@manechka 0 / 0 / 0 Регистрация: 26.01.2015 Сообщений: 30
	03.11.2015, 16:22 [ТС]	7
	Понятно. Спасибо большое! 0

Добавить к кнопкам возможность удаления содержимого

Решение