我试图用来自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] 删除。
我来说两句