Dostęp do elementów listy <ul> Opcje

[woj_tas]

Witam!

Mam taki o to problem:

Wyświetlam na stronie liste :

[HTML] pobierz, plaintext 
<ul>
  <li>pierwszy</li>  
  <li>drugi</li>
  <li>trzeci</li>
  <li>czwarty</li>
  <li>piąty</li>
</ul>
[HTML] pobierz, plaintext 

i teraz, przy ładowaniu strony chiałbym ukryć element czwarty i piąty a pozniej wywołując funkcję pokazywać je lub znów ukrywać. Nie wiem tylko jak odczytać te elementy listy które chcę ukryć. Najłatwiej byloby przypisać każdemu ID, ale wydaje mi sie to mało eleganckie....

[slammer]

po pierwsze nadaj id dla kazdego elementu i usuwaj dynamicznie przez removeChild i dodawaj przez appendChild

[ferr]

[HTML] pobierz, plaintext 
<ul id="lista">
  <li>pierwszy</li>  
  <li>drugi</li>
  <li>trzeci</li>
  <li>czwarty</li>
  <li>piąty</li>
</ul>
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
<?php
var lista = document.getElementById('lista');
 
var elementy = lista.getElementsByTagName('li');
 
for (var i = 0; i < elementy.length; i++)
{
	 if (i == 3)
	 {
		 elementy[i].style.display = 'none';
	 }
}
?>
[PHP] pobierz, plaintext