超文本標(biāo)記語(yǔ)言 <h1>Javascript Playground</h1> <div id="first"></div> <div id="second"></div> </body>我需要在 div 中插入一個(gè)包含此信息的表格，包括代碼、標(biāo)題和產(chǎn)品列，而不接觸 HTML（僅使用 JavaScript）let units = [ { 'code': 'COMP2110', 'title': 'Web Technology', 'offering': 'S1' }, { 'code': 'COMP2010', 'title': 'Algorithms and Data Structures', 'offering': 'S1' },]
1 回答
慕田峪7331174
TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超13個(gè)贊
也許你可以像下面這樣開(kāi)始：
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 關(guān)注
- 200 瀏覽
添加回答
舉報(bào)
0/150
提交
取消