使用HTML和JavaScript绘制表格
我试图用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
//初始化解析
//定义解析对象数组
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方法,则可能会显示一些错误。我通过将文本添加到表格中的方式来理解它。谢谢