Javascript - не может прочитать значение свойства null

Question

Как я могу получить значение id 'nilai' в другой функции?

var sis = 'SELECT nis, nama_siswa FROM nilai_tugas';

        connection.query(sis, function(err, rows, cols) {
            if(err){
                console.log("An error ocurred performing the query.");
                console.log(err);
                return;
            }else{console.log("sukses mengambil data siswa dari nilai_tugas")}
            var html='';
            rows.forEach(function(row){
              html += '<tr>';
              html += '<td class="indi" align="center">';
              html += row.nis;
              html += '</td>';
              html += '<td class="indi">';
              html += row.nama_siswa;
              html += '</td>';
              html += '<td>';
              html += '<input id="nilai" type="text" placeholder="nilai"/>';
              html += '</td>';
              html += '</tr>';  

            })
            var a=html.toUpperCase();
            document.querySelector('#table>tbody').innerHTML = a;
          })

Я пытался с этим в другой функции, но ошибка 'не может прочитать значение свойства null'

var data1 = document.getElementById("nilai").value;

Answer 1

Вы допустили здесь большую ошибку,

var a = html .toUpperCase () ;

это превращает все html-коды в верхний регистр, поэтому ваш идентификатор также стал

"NILAI" , а идентификаторы чувствительны к регистру.

donНе используйте .toUpperCase();, просто сохраните его как

var a = html;

Answer 2

эта ошибка возникает, когда у вас нет этого объекта в первую очередь.поэтому, вероятно, проблема в том, что DOM-узел с идентификатором 'nilai' вообще не существует.Я думаю, что вы пытаетесь получить значение ввода 'nilai' до того, как оно будет отображено.