AJAX getElementsByClassName

Question

저는 AJAX를 처음 접했고 이해하는데 약간의 문제가 있습니다. 이 코드가 있습니다

var xmlhttp = new XMLHttpRequest(); 
xmlhttp.onreadystatechange=function() 
{ 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
     var titles = xmlhttp.responseText.getElementsByClassName('title'); 
     document.getElementById("mydiv").innerHTML=titles; 
    } 
} 
xmlhttp.open("GET", "index.html", true); 
xmlhttp.send(); 

이 오류가 발생합니다 : "catch되지 않은 형식 오류 : 정의되지 않은 함수되지 않습니다."

나는 왜 클래스 나 ID를 얻을 수 없는지 이해하지 못한다. 어떻게해야합니까?

Answer 1

responseText은 DOM 개체가 아니라 문자열입니다.

대신 responseXML을 사용하십시오.

getElementsByClassName은 HTML 문자열이 아닌 NodeList를 반환하므로 innerHTML에 할당하기 전에 처리해야합니다.