如何将 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);
});