getElementByIDに配列を渡す方法

Question

私はwebsocketから配列にデータを渡しています。配列をdocument.getElementByIdに渡したいと思います。最終的には私のデータをdivに表示したいと思います。私は任意の助けをいただければ幸いですnull is not an object (evaluating 'document.getElementById('temp').innerHTML')

はJavaScript

socket.on('data_added', function(mess){ 


console.log(mess); 
var x =[]; 
x.push(mess); 
console.log(x); 

    var datetime = []; 
    var humidity = []; 
    var temp = []; 
    for(var i =0; i < x.length; i++) 
    { 
     datetime.push(x[i].datetime); 
     humidity.push(x[i].humidity) 
     temp.push(x[i].temperature) 
    } 



    temp = document.getElementById('temp').innerHTML ; 
    humidity = document.getElementById('humidity').innerHTML; 

    console.log(datetime); 
    console.log(temp); 
    console.log(humidity); 
}); 

私のデータ [{datetime: "2017-01-09T02:07:38.490Z", temperature: 19, humidity: 23}]

を取得しています。

Answer 1

例外が発生した場合は、ページにid 'temp'というタグがありません。 私はあなたがそのようになめらかに書く必要があると思います：

socket.on('data_added', function(x){ 
 
    if(typeof x === "string") { 
 
    \t x = JSON.parse(x); 
 
    } 
 

 
    var datetime = []; 
 
    var humidity = []; 
 

 
    for(var i =0; i < x.length; i++) { 
 
    datetime.push(x[i].datetime); 
 
    humidity.push(x[i].humidity) 
 
    } 
 

 
    document.getElementById('temp').innerHTML = datetime ; 
 
    document.getElementById('humidity').innerHTML = humidity; 
 

 
    console.log(datetime); 
 
    console.log(humidity); 
 
});

<div id="temp"></div> 
 
<div id="humidity"></div>