javascript - 如何基于数据库内容创建HTML按钮？

Question

试图学习如何处理数据库信息，我的任务是根据数据库查询中的内容动态创建按钮。

我的Javascript如下:

var Datastrore = require("nedb");
var db = new Datastrore({ filename: "macros.db" });
db.loadDatabase(function(err) {
  db.find({}, function(err, docs) {
    console.log(docs); //all docs
  });
});

这在控制台中显示了我的数据库信息:

0: {name: "asas", command: "asas", _id: "6L83tJLl7ks0iS0b"}
1: {name: "asas", command: "asas", _id: "9kXMI7DdJBWK0L1W"}
2: {name: "qw", command: "qw", _id: "UmOaMJxYjMNjcEQ0"}

现在，我不知道如何使用此信息在html页面上动态创建按钮。

Answer 1

for (var doc in docs) {
      var element = document.createElement("button");
      //Assign different attributes to the element. 
      element.setAttribute("name", doc.name);
      element.innerHTML = doc.name
      element.setAttribute("id", doc._id);           
      //element.setAttribute("onclick", ); If you wish to add click event

      //Append the element in page (in span).  
      document.body.appendChild(element);
}