no me muestra todos los resultados de un array que intento crear

[roboty]

Hola, no consigo solucionar un pequello script, en el cual intento recuperar el valor de las etiquetas de un xml, el archivo xml es algo asin:

archivo xml
<nombre>ana</nombre>
<nombre>pedro</nombre>
<nombre>joel</nombre>
<nombre>sofia</nombre>

la funcion js es esta

Código Javascript:

function leerDatos(){
  if (ajax.readyState == 4) {
     var xml  = ajax.responseXML;
     for (i = 0; i < xml.getElementsByTagName('nombre').length; i++){
       
       var etiqueta=xml.getElementsByTagName('nombre')[i];
       var valor= etiqueta.childNodes[0].nodeValue;
       document.getElementById("registro").innerHTML =valor;
      }
  }
}
 

de esta forma solo me muestra el ultimo valor que tengo el la etiqueta nombre y yo quiero que me muestre todos los valor que tengo en las etiquetas nombres.
Saludos.