javascript 에서 xml parsing 하기

제가 I-TALENTED 프로젝트에서 쓴 방법이며 그래서 엉터리 일 수 있습니다.

/* XML 파일 가져오기 */
function regPerson(name, img){
    this.name = name;
    this.img = img;
}
 
function loadData(){
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function(){
        if(this.readyState == 4 && this.status == 200){
            alert('readyState진입 성공');
            listData(this);
        }else{
            alert('실패!');
        }
    }
    xhr.open("get", "data/manList.xml", true);
    xhr.send();
}
loadManData();
 
var person = new Array();
function listData(xml){
    alert('listData진입 성공');
    let i = 0;
    let name = 0;
    let img = 0;
    const xmlDoc = xml.responseXML;
    
    for (i = 0; i != xmlDoc.getElementsByTagName('person').length; i++){
        alert('자료를 넣는 중입니다. ' + i + '번째...');
        name = xmlDoc.getElementsByTagName("person")[0].getElementsByTagName('name')[0].innerHTML;
        img = xmlDoc.getElementsByTagName("image")[0].getElementsByTagName('image')[0].innerHTML;
        person[i] = new regPerson(name, img);
        console.log(person[i].name, person[i].img);
        document.querySelector('#tabGrid .maleList')
    }
    let name = xmlDoc.getElementsByTagName("person")[0].find('name').innerHTML = name;
    
    document.getElementById('hithere').innerHTML = name;
}