как я могу ссылаться на идентификатор от js до html

Question

    <table style="width:100%" id="ex-table">
        <tr id="tr">
            <th>Age:</th>
            <th>first_name:</th>
            <th>last_name:</th>
            <th>notes:</th>
    </table>

var database = firebase.database().ref().child('users');
database.on('value', function (snapshot) {
    if (snapshot.exists()) {
        var content = '';
        snapshot.forEach(function (data) {
            var val = data.val();
            content += '<tr>';
            content += '<td>' + val.age + '</td>';
            content += '<td>' + val.first_name + '</td>';
            content += '<td>' + val.last_name + '</td>';
            content += '<td>' + val.notes + '</td>';
            content += '</tr>';
        });
        $("#ex-table").append('content'); //isnt working, 'Uncaught ReferenceError: $ is not defined'
    }
});

Поэтому я пытаюсь добавить следующую таблицу в мой JS, и по какой-то причине она не работает. В консоли я получаю «Uncaught ReferenceError: $ не определено». Кто-нибудь знает, почему это? Возможно, это что-то действительно простое, но я просто не могу понять это.

Answer 1

Попробуйте это

var table = document.getElementById("ex-table");
table.innerHTML += content;

Answer 2

Ну, вы можете использовать jQuery так:

$(function() {
   // bla bla bla

       $("#ex-table").append(content);
});

Answer 3

$("#ex-table") - это синтаксис jQuery, но у вас нет загруженной этой библиотеки. Используйте document.getElementById(). А затем добавьте его к свойству innerHTML.

document.getElementById("ex-table").innerHTML += content;