超文本標記語言 <h1>Javascript Playground</h1> <div id="first"></div> <div id="second"></div> </body>我需要在 div 中插入一個包含此信息的表格，包括代碼、標題和產品列，而不接觸 HTML（僅使用 JavaScript）let units = [ { 'code': 'COMP2110', 'title': 'Web Technology', 'offering': 'S1' }, { 'code': 'COMP2010', 'title': 'Algorithms and Data Structures', 'offering': 'S1' },]
1 回答
慕田峪7331174
TA貢獻1828條經驗 獲得超13個贊
也許你可以像下面這樣開始：
let units = [{'code': 'COMP2110', 'title': 'Web Technology', 'offering': 'S1'}, {'code': 'COMP2010', 'title': 'Algorithms and Data Structures', 'offering': 'S1' } ];
// find your div first
const div = document.getElementById('first');
// building the HTML for the div
let html = `<table>
<thead>
<tr>
${Object.keys(units[0]).map(e => `<th>${e}</th>`).join('')}
</tr>
</thead>`
html += `<tbody>`;
units.forEach(e => html += `<tr>
${Object.values(e).map(v => `<td>${v}</td>`).join('')}
</tr>`);
html += `</tbody></table>`;
// adding HTML to your div
div.innerHTML = html;
table, th, td {
border: 1px solid black;
}
<h1>Javascript Playground</h1>
<div id="first"></div>
<div id="second"></div>
- 1 回答
- 0 關注
- 152 瀏覽
添加回答
舉報
0/150
提交
取消