使用HTML和JavaScript绘制表格

若安

我试图用来自JavaScript查询的数据填充表格。当前,我遇到的问题是没有创建表,因此没有数据显示。可以在此处查看此方法的有效版本谢谢!

    // Initializes Parse
    // 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.appendChild(text);

    		}

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

    	},

    	failure: function(error) {

    		alert("Something Went Wrong");

    	}

    });
<!DOCTYPE html>

<html>
    <body>
        <div id="main">
            <!-- Destination -->
        </div>
    </body>
</html>

若安

问题在于我如何附加文字。相反cell.appendChild(text);,它应该是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");

  }

});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章