Obtener valores XML

[alvaro_trewhela]

Hola a todos estoy trabajando con ajax y deseo obtener los valores de un xml dependiendo de su nombre, el xml sería este:

Código XML:

<?xml version="1.0" encoding="UTF-8" ?>
<categorias>
    <categoria name="mujer">
        <subcategoria>Toallas</subcategoria>
        <subcategoria>Traje de bano</subcategoria>
        <subcategoria>Lentes de sol</subcategoria>
    </categoria>
    
    <categoria name="hombre">
        <subcategoria>Poleras</subcategoria>
        <subcategoria>Toallas</subcategoria>
        <subcategoria>Tops</subcategoria>
    </categoria>
    
    <categoria name="ninos">
        <subcategoria>Trajes de Bano</subcategoria>
        <subcategoria>Lentes</subcategoria>
        <subcategoria>Accesorios</subcategoria>
    </categoria>
</categorias>
 

entonces quiero obtener los valores de las subcategorias de hombre por ejemplo.

como debo leer el xml para llegar a eso?

sabiendo que todo el xml esta en una variable llamada

xml

Esto es lo que tengo:

Código Javascript:

function createREQ() {
            try {
            req = new XMLHttpRequest(); /* p.e. Firefox */
            }
            catch(err1){
                try {
                req = new ActiveXObject('Msxml2.XMLHTTP'); /* algunas versiones IE */
                }
                catch (err2) {
                    try {
                    req = new ActiveXObject("Microsoft.XMLHTTP"); /* algunas versiones IE */
                    }
                    catch (err3) {
                    req = false;
                    }
                }
            }
    return req;
    }
 

Código Javascript:

http = new createREQ();
    
    function requestPOST(){
    http.open("POST", "includes/categorias.php", true);
    http.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    http.onreadystatechange = changeCat2;
    http.send("?site=1");
    }
 

Código Javascript:

function changeCat2(){
        if(http.readyState == 4){
            if(http.status == 200){
                
            xml = http.responseXML;
            
        }
    }
 

y categorias.php tiene esto:

Código PHP:

<?php
header("Content-Type: text/xml");
echo '<?xml version="1.0" encoding="UTF-8" ?>
<categorias>
    <categoria name="mujer">
        <subcategoria>Toallas</subcategoria>
        <subcategoria>Traje de bano</subcategoria>
        <subcategoria>Lentes de sol</subcategoria>
    </categoria>
    
    <categoria name="hombre">
        <subcategoria>Poleras</subcategoria>
        <subcategoria>Toallas</subcategoria>
        <subcategoria>Tops</subcategoria>
    </categoria>
    
    <categoria name="ninos">
        <subcategoria>Trajes de Bano</subcategoria>
        <subcategoria>Lentes</subcategoria>
        <subcategoria>Accesorios</subcategoria>
    </categoria>
</categorias>';
?>
 

[IsaBelM]

sería algo así

col = xmlDoc.getElementsByTagName('categoria');

for (var i = 0; i < col.length; i++) {
if (col[i].getAttribute('name') && col[i].getAttribute('name') == 'hombre') {

for (var j = 0, sub = col[i].getElementsByTagName('subcategoria'); j < sub.length; j++) {

console.log(sub[j].childNodes[0].nodeValue);
}
}
}