Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   По нажатию на кнопку открыть все строки таблицы (https://javascript.ru/forum/misc/75161-po-nazhatiyu-na-knopku-otkryt-vse-stroki-tablicy.html)

Nastya19 08.09.2018 17:18

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

рони 08.09.2018 18:59

Nastya19,
переделать на классы css и менять класс таблицы иначе циклом обходить все строки и менять стиль.
сделайте минимальный макет.

j0hnik 08.09.2018 19:38

<table>
		<tr style="display:none"><td>1</td><td>2</td><td>3</td></tr>
		<tr style="display:none"><td>4</td><td>5</td><td>6</td></tr>
		<tr><td>7</td><td>8</td><td>9</td></tr>
	</table>
<button id="btn">Кнопка</button>
<script>
btn.onclick = e => document.querySelectorAll('tr').forEach(el=>el.style.display = 'table');
</script>

Nastya19 09.09.2018 00:31

Cпасибо)


Часовой пояс GMT +3, время: 21:44.