XMLHttpRequest에서 요소를 가져 오는 방법

Question

메신저 url html 파일에서 요소를 가져 오려고합니다. 요소 <td>Thu Dec 18 10:33:19 EST 2014</td>은 url html 페이지에서 loadHTML 함수로 전달됩니다. html 페이지 문자열을 handler라는 다른 함수로 보냅니다. 파서에서 특정 정보를 얻을 수 있습니다.

Answer 1

function loadHTML(spanId, url) { 
 
var xmlhttp = new XMLHttpRequest(); 
 

 

 
xmlhttp.open("GET", url, true); 
 
xmlhttp.onreadystatechange = function() { 
 
    if (xmlhttp.readyState == 4 /* complete */) { 
 
       handler(xmlhttp.responseText, spanId); 
 
      } 
 
}; 
 
xmlhttp.send(); 
 
} 
 

 

 
function handler(responseText, spanId) { 
 
var parser =new DOMParser(); 
 
parser.getDocument() 
 
//get the date/time from parser 
 
var dateTime = … 
 
//get class name from parser 
 
var className = … 
 

 
var span = document.getElementById(spanId); 
 
span.innerHTML = dateTime; 
 
span.className = className; 
 
}

는이 같은 그것을 할 필요가 있다고 생각 :

parser = new DOMParser(); 
var doc = parser.parseFromString(responseText, "text/html"); 

var dateTime = doc.querySelector("td.dateTime").innerHTML; 

을 현대 이마에 <td>

From MDN on DOMParser

Answer 2

에 class="dateTime"을 설정 당신은 또한 xhr.responseType = "document"을 설정하고 XHR의 결과로 문서를 직접 얻을 수 있습니다.