循环在使用ParcelJS导出时不起作用

Question

我正在使用ParcelJS V2。下面的代码从HTML表中获取数据。单元格中的每个<td>都由一个<input>标记组成，getElementById引用输入标记的ID。

getCount.js

let rowCount = document.getElementById("left-col__table").rows.length;

let dataExport = []
let tuple = []

let i

function collectData() {

    for (i = 0; i < rowCount - 2; i++) {
        
        console.log("RowCount: " + rowCount)
        
        tuple.push(document.getElementById("x-in-" + i.toString()).value)
        tuple.push(document.getElementById("y-in-" + i.toString()).value)

        console.log(tuple);

        dataExport.push(tuple)

        tuple = []
    }

    console.log("DataExport:" + dataExport.toString())
}

export default collectData

script.js

import collectData from '....'

collectData()

当我检查我的控制台时，没有来自collectData函数的日志。

当我在我的script.js中使用它时，这个script.js循环工作得很好，但是当我导出并导入到script.js时却不能工作。

是否有使用ParcelJS导出循环的方法？

Answer 1

移动

let rowCount = document.getElementById("left-col__table").rows.length;

在你的function collectData() {里面。

在捆绑DOM时，呈现rowCount undefined。

在执行函数时，循环结束条件检查。

0 < undefined - 2

undefined - 2导致NaN。

0 < NaN

是false，所以您的循环永远不会运行。

Answer 2

试试这个。

getCount.js

function collectData() {

  let rowCount = document.getElementById("left-col__table").rows.length;

  let dataExport = []
  let tuple = []

  let i

  for (i = 0; i < rowCount - 2; i++) {

    console.log("RowCount: " + rowCount)

    tuple.push(document.getElementById("x-in-" + i.toString()).value)
    tuple.push(document.getElementById("y-in-" + i.toString()).value)

    console.log(tuple);

    dataExport.push(tuple)

    tuple = []
  }

  console.log("DataExport:" + dataExport.toString())
}

export default collectData