Question

如何修复 JavaScript 中的未捕获类型错误？

2019-05-01

15585

javascript html dom

我试图提交我的网页中特定元素的表单，但是我得到了

Uncaught TypeError: Cannot read property 'form' of undefined

这是我的网页的 JavaScript 脚本

<script type="text/javascript">
              var aTags = document.getElementsByName("s");
    for (var i=0;i<aTags.length;i++){
        aTags[i].addEventListener('click', function(e){
          e.preventDefault();
          bootbox.confirm({
    message: "This is a confirm with custom button text and color! Do you like it?",
    closeButton: false,
    buttons: {
        confirm: {
            label: 'Yes',
            className: 'btn-success'
        },
        cancel: {
            label: 'No',
            className: 'btn-danger'
        }
    },
    callback: function (result) {
      if(result){
        aTags[i].form.submit();
      }
    }
});
        });
            }
              </script>

Answer 1

每个点击处理程序都引用完全相同的 i 变量。单击按钮时， i 早已递增为 aTags.length 。因此 aTags[i] 解析为 aTags[aTags.length] ，这是未定义的。

最简单的解决方案是只使用 let 而不是 var 。这样，每次循环都会获得变量的新绑定，因此点击处理程序都与正确的值相关联。

for (let i = 0; i < aTags.length; i++){
   // rest of the code the same
}