Javascript 如何将ID从js引用到html 年龄： 姓名： 姓氏： 笔记： var-database=firebase.database（）.ref（）.child（'users'）； 数据库.on（'value'，函数（快照）{ if（snapshot.exists（））{ var内容=“”； snapshot.forEach（函数（数据）{ var val=data.val（）； 内容+=''； 内容+=''值+年龄+''； content+=''+val.first\u name+''； content+=''+val.last_name+''； 内容+=''+val.notes+''； 内容+=''； }); $（“#ex table”）.append（'content'）；//不起作用，“未捕获引用错误：$未定义” } });

因此，我试图在我的JS中附加下表，但由于某些原因，它不起作用。在控制台中，我得到“未捕获引用错误：$未定义”。有人知道这是为什么吗？它可能非常简单，但我就是想不出来。

$（“#ex table”）

是jQuery语法，但您没有加载此库。使用

document.getElementById（）

。然后附加到其

innerHTML

属性

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'
    }
});

试试这个

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

---

您可以像这样使用jQuery：

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

---

$

符号通常用于jQuery，因此您的页面可能没有导入库。只需将

$（“#ex table”）

替换为

文档。getElementById（“ex table”）

@TilmanB.akaNerdyyy这不会完全起作用；随后的

.append（）

调用也必须进行修改。

内容不应包含在引号中。/您在初始表中缺少
。非常感谢，这很有效！虽然现在，当我向数据库添加数据时，新添加的数据会再次显示相同的数据，因此它会显示重复的数据。如何使其仅显示已添加的内容。将数据添加到数据库后，只需将变量table的值设置为空
table.innerHTML=''
var table = document.getElementById("ex-table");
table.innerHTML += content;

$(function() {
   // bla bla bla

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