getElementsByClassName > les enfants

J'ai ce code HTML:

<div id="channels_0">
   <div id="channels">
      <h4 class="date"><span id="date">Sat 22nd Sep</span> @ 
      <span id="time">12:45</span></h4>
      <h3 class="teems"><span id="date">Swansea City v Everton </span></h3>
      <h4 class="tv"><span id="mychannels"></span>Sky Sports 2/Sky Sports 2 HD</h4>
   </div>
</div>

J'ai ce JS:

document.getElementById('channels').innerText)

Sorties:

Sat 22nd Sep @ 12:45
Swansea City v Everton
Sky Sports 2/Sky Sports 2 HD

Comment puis-je obtenir une poignée et de sortie de chacun des éléments comme: mychannels, ou riche, ou l'heure ou la date
c'est à dire j'ai besoin d'obtenir les enfants, comment est-ce fait?

J'ai essayé:

document.getElementById('channels').getElementsByTagName('date').value; 

et

document.getElementsByClassName('date').value;

et d'autres, mais encore ne peut pas sembler obtenir une poignée sur elle.

Beaucoup de ces champs peut être accessible immédiatement, par leur propre IDENTITÉ. Vous n'avez pas le même ID à plusieurs endroits dans le document, à droite?
Avez-vous essayé de document.getElementById ("canaux").les enfants ?
Les deux getElementsByClassName et getElementsByTagName retour d'un de la liste des nœuds, même si il ya seulement 1 élément en elle, de sorte document.getElementsByClassName('MyClass')[0].value œuvres, laissez le [0] bien, et il ne sera pas

OriginalL'auteur dmac | 2012-09-20