无法遍历html对象

Question

我正在尝试通过http请求从链接中检索页面源，而不是尝试解析它。 让我们假设我有网址; http://www.biletix.com/search/ISTANBUL/tr#!selectedDate:01/07/16

当我在控制台上运行以下命令时，我得到标题为; "Hüsnü Şenlendirici - Taksim Trio"

document.getElementsByClassName("ln1 searchResultEventName")[2].innerText

但是，当我尝试将其应用于我请求的页面源时，相同的方法不起作用。

获取我使用的页面源;

 httpGet("http://www.biletix.com/search/ISTANBUL/tr#!selectedDate:01/07/16",function(result) {
    var el = document.createElement('html');
    el.innerHTML = result;

    //the following code returns undefined
    console.log(el.getElementsByClassName("ln1 searchResultEventName")[2].innerText);
});

为什么行console.log(el.getElementsByClassName("ln1 searchResultEventName")[2].innerText);会返回undefined？为什么我从控制台到达时无法触及？

httpGet就在这里;

function httpGet(theUrl, callback){
  var xmlhttp = new XMLHttpRequest();
  xmlhttp.onreadystatechange = function()
  {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        callback(xmlhttp.responseText);
    }
  }
  xmlhttp.open("GET", theUrl, true );
  xmlhttp.send();
}