Ошибка типа: Не удается прочитать свойство ‘innerHTML’ значения null >>>в заголовке (landing.js:9) >>>>>>> в showTableOnLoad (посадка.js:17) >>>>>>>>>>>при посадке.js:42

#javascript #json #web #innerhtml

Вопрос:

Я пишу файл javascript для загрузки данных json в таблицу, но я получаю эту ошибку. Пожалуйста, помогите!

 const showHeader= (headers)=>{
const tableArr=headers;
const tableMain=document.getElementById("tablebox");
let rowEle  ='<tr class="header">';
tableArr.forEach(tableRow=>{
        rowEle  = `<th class='${String(tableRow).toLowerCase()}'>` String(tableRow) '</th>';
    });
    rowEle  ='</tr>'
    console.log(rowEle)
    tableMain.innerHTML  = rowEle;
 

}

 const showTableOnLoad= (data, check=true)=>{
    if(check)
    showHeader(Object.keys(data[0]).map((headerString)=> headerString.toUpperCase()));
    const tableArr=data;
    const tableMain=document.getElementById("tablebox");
    tableArr.forEach(tableRow=>{
        let rowEle  ='<tr>';
        Object.entries(tableRow).forEach(entry =>{
            const[key,value]=entry;
            rowEle  = '<td class="${key}">' value '</td>';
        });
        rowEle  ='</tr>'
        tableMain.innerHTML  = rowEle;
    });
}