我需要在 JavaScript 中获取一个数组并以类似表格的格式将其打印到屏幕上。我可以毫无问题地打印列标题,但我正在努力的是让数据以类似表格的方式打印在这些列下......
JavaScript 文件(数据文件):
var FirstNames = new Array();
var LastNames = new Array();
FirstNames[0] = 'First1';
FirstNames[1] = 'First2';
FirstNames[2] = 'First3';
FirstNames[3] = 'First4';
LastNames[0] = 'Last1';
LastNames[1] = 'Last2';
LastNames[2] = 'Last3';
LastNames[3] = 'Last4';
var PersonalInformation = {
FirstName : FirstNames,
LastName : LastNames
};
HTML 文件:
<!DOCTYPE html />
<html>
<title>The Data Structure</title>
<body>
<script type="text/javascript" src="TheData.js"></script>
<script>
function printObj(theObject){
var theOutputTable = '';
var theOutputHeader = '';
//Print the Column Headers for the table.
for (var theColumnHeaders in theObject){
var CreatetheTagTR = document.createElement('th');
var theColumnText = document.createTextNode(theColumnHeaders);
CreatetheTagTR.appendChild(theColumnText);
document.body.appendChild(CreatetheTagTR);
}
//Eventually, print data in the repsective columns by row.
for (var property in theObject){
theOutput = theObject[property];
var theElement = document.createElement('tr');
var theText = document.createTextNode(theOutput);
theElement.appendChild(theText);
document.body.appendChild(theElement);
}
}
printObj(PersonalInformation);
</script>
</body>
</html>