如何將 js 中的 ID 引用到 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 中附加下表，但由於某種原因它不起作用。 在控制台中，我收到“未捕獲的 ReferenceError：$ 未定義”。 有誰知道這是為什么？ 它可能非常簡單，但我無法弄清楚。

Answer 1

$("#ex-table")是 jQuery 語法，但你沒有加載這個庫。 使用document.getElementById() 。 然后附加到其innerHTML屬性。

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

Answer 2

嘗試這個

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

Answer 3

好吧，你可以像這樣使用 jQuery：

$(function() {
   // bla bla bla

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