Witam.

Mam pytanie, czy można łaczyć dwie podane w temacie funkcje tak aby osiągnąć efekt odniesienia się do klasy "klasa2"
 w HTML w takim kodzie

[HTML] pobierz, plaintext 
 
<div id="blok1">
 
    <div class="klasa1">
 
        <div class="klasa2"></div>
 
    </div>
 
</div>
 
[HTML] pobierz, plaintext 

Nie chce tego robić za pomocą document,GetElementsByCLassName("klasa2") gdyż jak będę miał więcej niż jedna takich klas to nie będzie wiadomo o którą konkretnie mi chodzi. Wolałbym raczej aby odwoływac się do tej klasy stopniowo w sposób #blok1->.klasa1->klasa2. Próbowałem zrobić to w ten sposób:

document.getElementById("blok1").getElementByClassName("klasa1").getElementByClassName("klasa2") Oczywiście ta metoda nie działa. Może jest na to jakiś inny sposób?

Pozostaje tylko "childNodes" > google. Jeżeli chcesz pobierać elementy DOM w stylu selektorów CSS, zastosuj jakiegoś frameworka JS, w mojej sygnaturce masz linki do jQuery i Mootools. Jeżeli chcesz czysty JS możesz robić tak :

[JAVASCRIPT] pobierz, plaintext 
<script type="text/javascript">
window.onload = function()
{
 var blok1 = document.getElementById('blok1').childNodes;
 
 for(var i = 0; i < blok1.length; i++)
 {
  if(blok1.item(i).className == 'klasa1')
  {
   var klasa1 = blok1.item(i);
   break;
  }
 }
 
 klasa1 = klasa1.childNodes;
 
 for(var i = 0; i < klasa1.length; i++)
 {
  if(klasa1.item(i).className == 'klasa2')
  {
   var klasa2 = klasa1.item(i);
   break;
  }
 }
 
 klasa2.style.background = '#0eef13';
}
</script>
[JAVASCRIPT] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="blok1">
blok1
 <div class="klasa1">
 klasa1
  <div class="klasa2">klasa2</div>
 
 </div>
 
</div>
[HTML] pobierz, plaintext 

ten sam kod co wyżej w jQuery:

[JAVASCRIPT] pobierz, plaintext 
 
$(document).ready(function() {
 
 $('#blok1 .klasa1 .klasa2').css('background', '#0eef13');
 
});
 
[JAVASCRIPT] pobierz, plaintext 

Aha dzięki, to już bardzo pomocna wskazówka.