0
내 HTML 코드는 입력 된 항목 및 해당 번호의 목록을받은 다음 배열을 표시 한 다음 숫자의 내림차순으로 정렬하여 표시합니다. 그러나 배열을 테이블 셀로 출력하는 코드를 얻을 수도 있습니다. 배열을 정상적으로 출력 할 수는 있지만 전체 페이지 스타일링을 유지하고 원하는 배열을 출력 할 수 있습니다. tbody 및 table위한테이블 셀에 표시 할 배열 출력을 가져올 수 없습니다. 어떻게해야합니까?
<html>
<head><link rel="stylesheet" type="text/css" href="css_styling.css" /></head>
<body onload="start()"><div id="container">
<div id="wrapBanner"><div id="banner">
<img src="banner.png" alt="banner" />
</div></div>
<div>
<table border="1">
<tr><th class="title" colspan="2">Unsorted List</th></tr>
<tr><td class="subhead">Item</td><td>Quantity</td></tr>
<tr><td class="subhead">
<script language="javascript" type="text/javascript">
var arr_size = 5;
function start ()
{
var a1 = new Array(arr_size);
var a2 = new Array();
for (var i=0; i<arr_size; i++)
{
a1[i] = prompt ("Enter the Item Name");
a2[i] = prompt("Enter Item Number");
}
outputArray("Array two contains", a1);
outputArray("Array two contains", a2);
}
function outputArray (header, the_array)
{
document.write("<h2>"+header+"</h2>"+"<br />");
document.write("<table border=\"1\"><thead><th align=\"left\">");
document.write("Index</th></thead>");
document.write("<tbody>");
for (var i=0; i<arr_size;i++){
document.write("<tr><td>" + the_array[i] + "</td></tr>");
document.write("</tbody></table>");
}
</script>
</td>
</tr>
</table>
</div>
</div></body>
</html>
</body>
</html>`