第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題，去搜搜看，總會(huì)有你想問的

將二維數(shù)組 JavaScript 映射到 HTML 表格

將二維數(shù)組 JavaScript 映射到 HTML 表格

慕運(yùn)維8079593 2023-04-27 17:03:10
我有一個(gè)像這樣的二維數(shù)組[["Manchester City", 92], ["Liverpool", 82], ["Tottenham", 78], ["Chelsea", 78], ["Manchester United", 72], ["Arsenal", 69]]我想將 2D Array 的所有數(shù)據(jù)映射到一個(gè) html 表中，這里是我的 html 表代碼示例<table id="codexpl">    <tr>        <th>No</th>        <th>Club</th>        <th>Points</th>    </tr>    <tr>        <td>row 1 col 1</td>        <td>row 1 col 2</td>        <td>row 1 col 3 </td>    </tr>    <tr>        <td>row 2 col 1</td>        <td>row 2 col 2</td>        <td>row 2 col 3 </td>    </tr></table>那么如何解決呢？謝謝。
查看完整描述

3 回答

?
慕標(biāo)5832272

TA貢獻(xiàn)1966條經(jīng)驗(yàn) 獲得超4個(gè)贊

function createTable(tableData) {

  var table = document.createElement('table')

    , tableBody = document.createElement('tbody');


  tableData.forEach(function(rowData) {

    var row = document.createElement('tr');


    rowData.forEach(function(cellData) {

      var cell = document.createElement('td');

      cell.appendChild(document.createTextNode(cellData));

      row.appendChild(cell);

    });


    tableBody.appendChild(row);

  });


  table.appendChild(tableBody);

  document.body.appendChild(table);

}


createTable([["Manchester City", 92], ["Liverpool", 82], ["Tottenham", 78], ["Chelsea", 78], ["Manchester United", 72], ["Arsenal", 69]]

);


查看完整回答
反對(duì) 回復(fù) 2023-04-27
?
手掌心

TA貢獻(xiàn)1942條經(jīng)驗(yàn) 獲得超3個(gè)贊

遍歷您的數(shù)組，對(duì)于每個(gè)頂級(jí)元素，向表中添加一行。然后，對(duì)于每個(gè)下一級(jí)元素，添加一個(gè)單元格并將元素的內(nèi)容插入到表格單元格中。



查看完整回答
反對(duì) 回復(fù) 2023-04-27
?
繁花不似錦

TA貢獻(xiàn)1851條經(jīng)驗(yàn) 獲得超4個(gè)贊

你可以這樣做：



const toTable = (arr) =>

  `<table id="codexpl">

    <tr>

        <th>No</th>

        <th>Club</th>

        <th>Points</th>

    </tr>

    ${arr.map(

    (item, index) =>

      `<tr>

      <td>${index + 1}</td>

      <td>${item[0]}</td>

      <td>${item[1]}</td>

  </tr>`

  ).join('\n')}

</table>`

只需將數(shù)組傳遞給它，它就會(huì)返回 HTML 代碼。


查看完整回答
反對(duì) 回復(fù) 2023-04-27
  • 3 回答
  • 0 關(guān)注
  • 126 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)