есть ошибка = innerHTML ноль JavaScript, когда загружается окно - PullRequest
0 голосов
/ 21 июня 2019

Почему я получаю ошибку или

Uncaught TypeError: Невозможно установить для свойства 'innerHTML' значение null

каждый раз, когда окно загружается?

Я пытался отобразить данные из сети sql

Кстати, я поместил JavaScript в другой файл (main.js)

Функция Javascript:

if (window.openDatabase) 
{
    var mydb = openDatabase("data", "0.1", "personal data", 1024 * 1024);

    mydb.transaction(function (t) 
    {
        t.executeSql("CREATE TABLE IF NOT EXISTS person (id INTEGER PRIMARY KEY ASC, gender TEXT, weight INTEGER");
    });
} 
else 
{
    alert("Browser doesnt support web sql!");
}

function show_data() {
    if (mydb) {
        mydb.transaction(function (t) {
            t.executeSql("SELECT * FROM person", [], update_list);
        });
    } else {
        alert("database not found, browser doesnt support web sql!");
    }
}

show_data();

function update_list(transaction, results) 
{

    var listholder = document.getElementById("list_data");

    listholder.innerHTML="";

    var i;
    for (i = 0; i < results.rows.length; i++) 
    {

        var row = results.rows.item(i);

        listholder.innerHTML += 
        `<tr>
        <td>${row.gender}</td>
        <td>${row.weight}</td>  
        </tr>`;
    }
}
<body>
<table border="0" cellpadding="5" cellspacing="5">
  <thead>
    <td><div class="list-item__left">Gender</div></td>
    <td><div class="list-item__left">Weight</div></td>
  </thead>
  <tbody  id="list_data">
  </tbody>
</table>
<script src="js/main.js"></script>
</body>

спасибо

...