Obtener referencia a un elemento dentro de otro elemento.

Supongamos que tenemos este código HTML:

Código HTML :

<div id="grupo1">
<p id="textog">Esto es el grupo 1</p>
<span id="firma"></span>
</div>
<div id="grupo2">
<p id="textog">Esto es el grupo 2</p>
<span id="firma"></span>
</div>

Y ahora quiero insertar texto dentro del id="firma".

Con hacer

Código Javascript :

d = document.getElementById('grupo2');

tengo una referencia al elemento <div> con id grupo2, pero ¿cómo obtengo una referencia al <span> con id="firma" ?. Si hago

Código Javascript :

s = document.getElementById("firma");

me trae el primer <span> pero nunca el segundo...

Ya lo descubrí

Para quien le sirva, es así:

Código Javascript :

d = document.getElementById('grupo2');
ch = d.childNodes.firma;
ch.innerHTML = "tu firma aquí.";