Javascript仅适用于Chrome浏览器而不适用于Firefox

时间:2017-03-08 12:17:03

标签: javascript jquery html google-chrome firefox

所以我有一个表,我必须使用表格中的数据来填充模态我已经编写了以下代码

的Javascript

 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。

谢谢

2 个答案:

答案 0 :(得分:5)

问题在于Firefox doesn't support Node.outerText。请改用Node.innerText,你会没事的。

答案 1 :(得分:3)

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

相关问题