使用HTML和JavaScript绘制表格

使用HTML和JavaScript绘制表格,javascript,html,parse-platform,Javascript,Html,Parse Platform,我试图用JavaScript查询中的数据填充一个表。目前,我遇到的问题是没有创建表,因此没有显示数据。可以查看此方法的工作版本。谢谢 //初始化解析 //定义解析对象数组 var对象={}; //定义数据查询 var query=newparse.query(“_User”); 查询.查找({ 成功:功能(结果){ //在文档中创建表 var table=document.createElement(“表”); var行=table.insertRow(0); //设置表格属性 表.setAt

我试图用JavaScript查询中的数据填充一个表。目前,我遇到的问题是没有创建表,因此没有显示数据。可以查看此方法的工作版本。谢谢

//初始化解析
//定义解析对象数组
var对象={};
//定义数据查询
var query=newparse.query(“_User”);
查询.查找({
成功:功能(结果){
//在文档中创建表
var table=document.createElement(“表”);
var行=table.insertRow(0);
//设置表格属性
表.setAttribute(“边框”、“1”);
table.setAttribute(“宽度”、“100%”);
//循环查询
对于(变量i=0;i

您的代码中有一些错误:

  • object.get方法不存在,可以通过以下方式获取属性:

    object.propertyName或object[“propertyName”]

  • 不能使用appendChild插入文本节点,可以使用
    textContent

  • 控制台上会抛出错误。如果您必须使用调试器,放置一些断点,您会看到这些问题

var success=函数(结果){
//在文档中创建表
var table=document.createElement(“表”);
var行=table.insertRow(0);
//设置表格属性
表.setAttribute(“边框”、“1”);
table.setAttribute(“宽度”、“100%”);
//循环查询
对于(变量i=0;i

问题在于我如何添加文本。而不是
cell.appendChild(文本)
,它应该是
cell.textContext=text

这是最后的代码

// Initializes Parse (Purposely Omitted)


// Defines Parse Object Array
var object = {};

// Defines Data Query
var query = new Parse.Query("_User");

query.find ({

  success: function(results) {

    // Creates Table in Document
    var table = document.createElement("table");
    var row = table.insertRow(0);

    // Sets Table Attributes
    table.setAttribute("border", "1");
    table.setAttribute("width", "100%");

    // Loops Through Query
    for(var i = 0; i < results.length; i = i + 1) {

      // Stores Results
      var object = results[i];
      var text = object.get("firstName") + " " + object.get("lastName");
      var cell = row.insertCell(i);

      cell.setAttribute("align", "center");
      cell.textContent = text;

    }

  document.getElementById("main").appendChild(table);

  },

  failure: function(error) {

    alert("Something Went Wrong");

  }

});
//初始化解析(故意省略)
//定义解析对象数组
var对象={};
//定义数据查询
var query=newparse.query(“_User”);
查询.查找({
成功:功能(结果){
//在文档中创建表
var table=document.createElement(“表”);
var行=table.insertRow(0);
//设置表格属性
表.setAttribute(“边框”、“1”);
table.setAttribute(“宽度”、“100%”);
//循环查询
对于(变量i=0;i
首先,脚本中有脚本锚,不需要这样做,它正在出错。我已经在你的代码片段中纠正了这一点。然后你必须加载解析库Parse运行正常,我从代码中省略了它,这样就不会弄乱我的应用程序数据。我的代码与链接的工作代码几乎完全相同,这就是我如此困惑的原因。你可以使用浏览器的调试器查看哪里有问题。如果解析库中确实存在dev console.Object.get方法,则可能会显示一些错误。我通过将文本添加到表格中的方式来理解它。谢谢