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

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

從 HTML 表中刪除一行時(shí)，如何存儲(chǔ)單元格的值？

從 HTML 表中刪除一行時(shí)，如何存儲(chǔ)單元格的值？

我有下表和 JavaScript 代碼：function deleteRow() {    var td = event.target.parentNode;    var tr = td.parentNode; // the row to be removed    tr.parentNode.removeChild(tr);    deletedIds.push(tr.cell(0).innerHTML);}<!DOCTYPE html>    <html>        <body>      <TABLE id="eventTable" border="1" style="border: 1px solid #000000; border-collapse: collapse;" cellpadding="4">        <TR>          <TH>ID</TH>          <TH>Timestamp</TH>          <TH>Filename</TH>          <TH>Frequency</TH>          <TH>Hostname</TH>          <TH>Port</TH>          <TH>Band</TH>          <TH>Start Time</TH>          <TH>End Time</TH>          <TH>Delete</TH>        </TR>        <TR>          <TD contenteditable="true"></TD>          <TD contenteditable="true"></TD>          <TD contenteditable="true"></TD>          <TD contenteditable="true"></TD>          <TD contenteditable="true"></TD>          <TD contenteditable="true"></TD>          <TD contenteditable="true"></TD>          <TD contenteditable="true"></TD>          <TD contenteditable="true"></TD>          <TD contenteditable="true">            <button type='button' value='delete' 'class='center2 ' onclick=‘deleteRow();’> Delete Event </button></TD>        </TR>      </TABLE>單擊Delete Event按鈕后，我想將該行的 id 列中的任何內(nèi)容存儲(chǔ)在數(shù)組中。該deleteRow函數(shù)正確地從 HTML 表中刪除該行，但由于tr.cell不是有效函數(shù)而產(chǎn)生錯(cuò)誤。 如何將已刪除行的 ID 列中的內(nèi)容存儲(chǔ)在 deletedIds 數(shù)組中？
查看完整描述

3 回答

?
揚(yáng)帆大魚

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

您的代碼大部分是正確的，只有一些錯(cuò)誤：

  1. 在閱讀其innerHTML 之前，您正在刪除該元素。

  2. tr.cells[i] 是訪問第 i 列的正確方法。

查看以下工作片段。

var deletedIds = [];

function deleteRow() {

    var td = event.target.parentNode;

    var tr = td.parentNode; // the row to be removed

    //deletedIds is the name of the array

    deletedIds.push(tr.cells[0].innerHTML);

    tr.parentNode.removeChild(tr);

    console.log(deletedIds);

}

  <TABLE id="eventTable" border="1" style="border: 1px solid #000000; border-collapse: collapse;" cellpadding="4">

    <TR>

      <TH>ID</TH>

      <TH>Timestamp</TH>

      <TH>Filename</TH>

      <TH>Frequency</TH>

      <TH>Hostname</TH>

      <TH>Port</TH>

      <TH>Band</TH>

      <TH>Start Time</TH>

      <TH>End Time</TH>

      <TH>Delete</TH>

    </TR>

    <TR>

      <TD contenteditable="true"></TD>

      <TD contenteditable="true"></TD>

      <TD contenteditable="true"></TD>

      <TD contenteditable="true"></TD>

      <TD contenteditable="true"></TD>

      <TD contenteditable="true"></TD>

      <TD contenteditable="true"></TD>

      <TD contenteditable="true"></TD>

      <TD contenteditable="true"></TD>

      <TD contenteditable="true">

        <button type="button" id="delete0"  onclick="deleteRow()"> Delete Event </button></TD>

    </TR>

  </TABLE>


查看完整回答
反對(duì) 回復(fù) 2021-06-18
?
陪伴而非守候

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

我會(huì)做不同的事情并將 id 應(yīng)用到行 - 然后將其存儲(chǔ)在刪除中，即： - tr.attr('id')


var deletedIds = [];


function deleteRow(index) {

    var rows = document.querySelectorAll('#eventTable tr');

    

    rows.forEach(function(row){

       let id = row.getAttribute('id');

       if (id == index) {

        deletedIds.push(id);

        row.parentNode.removeChild(row);

       }

     })

    console.log(deletedIds);

}

<!DOCTYPE html>

    <html>

    

    <body>

      <TABLE id="eventTable" border="1" style="border: 1px solid #000000; border-collapse: collapse;" cellpadding="4">

        <TR>

          <TH>ID</TH>

          <TH>Timestamp</TH>

          <TH>Filename</TH>

          <TH>Frequency</TH>

          <TH>Hostname</TH>

          <TH>Port</TH>

          <TH>Band</TH>

          <TH>Start Time</TH>

          <TH>End Time</TH>

          <TH>Delete</TH>

        </TR>

        <TR id="1">

          <TD contenteditable="true">1</TD>

          <TD contenteditable="true"></TD>

          <TD contenteditable="true"></TD>

          <TD contenteditable="true"></TD>

          <TD contenteditable="true"></TD>

          <TD contenteditable="true"></TD>

          <TD contenteditable="true"></TD>

          <TD contenteditable="true"></TD>

          <TD contenteditable="true"></TD>

          <TD contenteditable="true">

            <button type='button' class='center2 ' onclick="deleteRow(1)"> Delete Event</button>

           </TD>

        </TR>

        <TR id="2">

          <TD contenteditable="true">2</TD>

          <TD contenteditable="true"></TD>

          <TD contenteditable="true"></TD>

          <TD contenteditable="true"></TD>

          <TD contenteditable="true"></TD>

          <TD 


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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號(hào)

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