如何解决无法读取null的属性addEventListener的问题答案

【问题标题】：How to solve the problem of cannot read property addEventListener of null如何解决无法读取null的属性addEventListener的问题
【发布时间】：2020-12-02 17:08:45
【问题描述】：

我在我的应用程序中呈现 paypal 按钮，当页面加载时，它在控制台中显示错误：

Error: Cannot read property 'addEventListener' of null
    at er.error (https://www.paypal.com/sdk/js?client-id=AaAW2HxBuPPI3Awa__I7KGk8FYCLkia1jgm91t8SlBJAULAA4mHOc8oVBcOBp-MlVfyh24svB2EyPiNs&disable-funding=credit,card:3:60631)
    at Object.<anonymous> (https://www.paypal.com/sdk/js?client-id=AaAW2HxBuPPI3Awa__I7KGk8FYCLkia1jgm91t8SlBJAULAA4mHOc8oVBcOBp-MlVfyh24svB2EyPiNs&disable-funding=credit,card:2:68388)
    at JSON.parse (<anonymous>)....

这是代码

var initPaypal = function(){
        try
        {
            
            paypal.Buttons({

                style: {
                    layout: 'horizontal',
                    color: 'gold',
                    shape: 'pill',
                    //size: 'responsive',
                    //label: 'pay',
                    //fundingicons : 'false',
                    //tagline: 'true'
                },
                //enableStandardCardFields: false,

                onInit: function(data, actions) {
                    actions.disable();

                    document.querySelector('#invalidCheck')                 
                      .addEventListener('change', function(event) {
                          if (gsp.creditCardModel.get("agreePolicy")) {
                              actions.enable();
                          } else {
                              actions.disable();
                          }
                      });

【问题讨论】：

标签： javascript c# dom iis addeventlistener

【解决方案1】：

您的项目在本地是否正常运行？还是只有在iis上发布时才会出现这个错误？

document.querySelector('#invalidCheck')

如果是本地的，首先需要检查invalidCheck 是否为空。如果还是不行，这个错误的原因可能是脚本在页面加载之前执行了，你可以尝试将脚本放在页面底部。

【讨论】：