Javascript僅在Chrome瀏覽器中有效，而在Firefox中不可用

Question

所以我有一個表格，我必須使用我編寫的以下表格中的數據填充模態

Java腳本

 var tableHeaders = JSON.parse('["name","phone","email","message"]');
        console.log(tableHeaders) ;

$('.openUpdateform').on('click', function() {
  $('#callApi').hide();
  $('#updateData').show();
  tr = $(this).parent().parent().parent().parent();
  console.log(tr.children());
  for (var i = 1; i < tr.children().length - 1; i++) {
    j = i - 1;
    $('#' + tableHeaders[j]).val(tr.children()[i].outerText);
  }

  $('#data_row_id').val($(this).data('row_id'));
  $('#createWF').modal();
})

JSFIDDLE

因此，上面的代碼在Chrome上可以完美運行，但在Mozilla Firefox中則不能，任何建議都值得贊賞。

不從操作下拉工作意味着，如果你選擇的Edit Data選項，它會打開一個彈出窗口和彈出被塗抹在Chrome而不是Firefox瀏覽器。

謝謝

Answer 1

問題是Firefox不支持Node.outerText 。 使用Node.innerText代替，您會沒事的。

Answer 2

您必須使用“ innerText”而不是“ outerText”。 https://developer.mozilla.org/es/docs/Web/API/HTMLElement/outerText