elementID.style.display = «блок» не работает в хроме но работает в Firefox

Question

function loadMyitem(output, counter, msg, FileQuery) { 

    //alert(output) 
    if(window.XMLHttpRequest) 
    { 
     xmlhttp = new XMLHttpRequest(); 
    } else { 
     xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
    xmlhttp.onreadystatechange = function() { 
     if (xmlhttp.readyState == 1) { 
      msg.style.display = 'block'; 
      msg.innerHTML = ""; 
     } else if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
      msg.style.display = 'block'; 
      msg.innerHTML = ""; 

      var respStr = new Array(); 

      respStr = xmlhttp.responseText.split('|'); 
      optStr = output.split('|'); 
      var CC1 = $(counter).val(); 
      for (i = 0; i < respStr.length; i++) { 
       //alert(respStr[i]); 
       document.getElementById(optStr[i] + CC1).value = respStr[i]; 
      } 
     } 
    } 

    //document.getElementByID(msg).innerHTML=inputText; 
    xmlhttp.open("get", FileQuery, true); 
    xmlhttp.send(); 
} 

Это работает на Firefox, но когда я выполнить эту функцию в хроме или оперы, то его ошибка поддавки:

Uncaught TypeError: Cannot set property 'display' of undefined

В чем проблема в этой функции?

Answer 1

Предполагая msg является строка с элементом ID, попробуйте это ...

var msgElement = document.getElementById(msg); 
if (msgElement) { 
    msgElement.style.display = 'block'; 
    // and so on 
}