По нажатию на кнопку открыть все скрытые строки таблицы

@Nasty99 · Регистрация: 08.09.2018

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

Здравствуйте, подскажите, пожалуйста, как по нажатию на кнопку открыть все строки таблицы, которые были скрыты с помощью

Code
1
display="none";

@amr-now · 09.09.2018, 21:53

Nasty99, в обработчике события в стиле элемента вернуть display=""

@Sorcessers · 11.09.2018, 10:17

Вот решение с помощью JS

HTML5
1
2
3
4
5
6
7
8
<button class="button">Hide</button>
<table border="1">
  <tr><th>номер</th><th>lorem</th><th>ipsum</th></tr>
  <tr class="row hide"><th>1</th><th>lorem</th><th>ipsum</th></tr>
  <tr><th>2</th><th>lorem</th><th>ipsum</th></tr>
  <tr class="row hide"><th>3</th><th>lorem</th><th>ipsum</th></tr>
  <tr><th>4</th><th>lorem</th><th>ipsum</th></tr>
</table>

JavaScript
1
2
3
4
5
6
7
8
document.querySelector(".button").onclick = function() {
  var elements = document.getElementsByClassName("row");
 
 
  for (var i = 0; i < elements.length; i++) {
  elements[i].classList.toggle("hide");
  }
}

CSS
1
2
3
.hide {
  display:none;
}

https://codepen.io/Sorcessers/... itors=1010

Новые блоги и статьи Все статьи Все блоги /
Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .
Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .	Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .

@amr-now 6497 / 3908 / 2006 Регистрация: 14.06.2018 Сообщений: 6,781
	09.09.2018, 21:53
	Nasty99, в обработчике события в стиле элемента вернуть display="" 0

По нажатию на кнопку открыть все скрытые строки таблицы

Решение