Javascript-форум - Убрать display none в последнем элементе

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Убрать display none в последнем элементе (https://javascript.ru/forum/dom-window/57683-ubrat-display-none-v-poslednem-ehlemente.html)

Убрать display none в последнем элементе

Добрый день, есть данные со следующей структурой

2015
- Февраль
- Январь
2014
- Февраль
- Январь

Все данные скрыты "display: none". Как не скрывать (убрать "display: none") последний год и месяц?

<div class='spoiler'>
	<input onclick='showSpoiler(this);' value='2015 год' type='button' class='button' />
	<div style='display: none; margin-left: 50px;'> // убрать display: none, т.к. он выводится последним
		<div class='spoiler'>
			<input onclick='showSpoiler(this);' value='Февраль' type='button' class='button' />
			<div style='display: none; margin-left: 0px;'>  // убрать display: none, т.к. он выводится последним
				данные
			</div>
		</div>
		<div class='spoiler'>
			<input onclick='showSpoiler(this);' value='Январь' type='button' class='button' />
			<div style='display: none; margin-left: 0px;'>
				данные
			</div>
		</div>
	</div>
</div>
<div class='spoiler'>
	<input onclick='showSpoiler(this);' value='2014 год' type='button' class='button' />
	<div style='display: none; margin-left: 50px;'>
		<div class='spoiler'>
			<input onclick='showSpoiler(this);' value='Февраль' type='button' class='button' />
			<div style='display: none; margin-left: 0px;'>
				данные
			</div>
		</div>
		<div class='spoiler'>
			<input onclick='showSpoiler(this);' value='Январь' type='button' class='button' />
			<div style='display: none; margin-left: 0px;'>
				данные
			</div>
		</div>
	</div>
</div>

SLameN,
:blink:

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script>
    window.onload = function() {
     document.querySelector(".spoiler .spoiler div").style.display = "";
     document.querySelector(".spoiler  div").style.display = "";
}
  </script>
</head>

<body>
<div class='spoiler'>
	<input onclick='showSpoiler(this);' value='2015 год' type='button' class='button' />
	<div style='display: none; margin-left: 50px;'> // убрать display: none, т.к. он выводится последним
		<div class='spoiler'>
			<input onclick='showSpoiler(this);' value='Февраль' type='button' class='button' />
			<div style='display: none; margin-left: 0px;'>  // убрать display: none, т.к. он выводится последним
				данные
			</div>
		</div>
		<div class='spoiler'>
			<input onclick='showSpoiler(this);' value='Январь' type='button' class='button' />
			<div style='display: none; margin-left: 0px;'>
				данные
			</div>
		</div>
	</div>
</div>
<div class='spoiler'>
	<input onclick='showSpoiler(this);' value='2014 год' type='button' class='button' />
	<div style='display: none; margin-left: 50px;'>
		<div class='spoiler'>
			<input onclick='showSpoiler(this);' value='Февраль' type='button' class='button' />
			<div style='display: none; margin-left: 0px;'>
				данные
			</div>
		</div>
		<div class='spoiler'>
			<input onclick='showSpoiler(this);' value='Январь' type='button' class='button' />
			<div style='display: none; margin-left: 0px;'>
				данные
			</div>
		</div>
	</div>
</div>

</body>

</html>

document.querySelectorAll('.spoiler>div')[0].style.display = 'none';
document.querySelectorAll('.spoiler>div')[1].style.display = 'none';

EmperioAf,

Цитата:

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

убрать display: none

Цитата:

Сообщение от рони (Сообщение 384278)

EmperioAf,

ой точно :) :lol:
конечно же :

document.querySelectorAll('.spoiler>div')[0].style.display = '';
document.querySelectorAll('.spoiler>div')[1].style.display = '';