Click on HTML button throw a Uncaught TypeError: Cannot read properties of null (reading 'length')

Question

我是个 JS 达人，这可能是一个非常愚蠢的问题。

通过 chrome 开发工具控制台，我试图点击我正在访问的页面上的“显示更多”按钮 (https://www.capterra.com/account-based-marketing-software/):

document.getElementsByClassName('Button__CenteredText-sc-2779at-4')[0].click();

点击会在页面中加载更多结果，这正是我所期望的。

但是，一旦代码行运行，控制台就会抛出：

Uncaught TypeError: Cannot read properties of null (reading 'length')
at forEach (/directoryPage/assets/webpack:/src/ui/app/gtm-client.js:32)
at Array.forEach (<anonymous>)
at initializePayload (/directoryPage/assets/webpack:/src/ui/app/gtm-client.js:31)
at Object.transmitToDataLayer (/directoryPage/assets/webpack:/src/ui/app/gtm-client.js:48)
at /directoryPage/assets/webpack:/src/ui/app/components/PageContainer/LayoutContainer.js:260

我试图将我的 click 调用包装在 try..catch 周围，但错误不断弹出。

有人知道这个错误的可能原因吗？

谢谢！阿莱西奥

Answer 1

控制台中显示的错误似乎与您发布的代码行无关。尝试在执行forEach的那一行打个断点，看看为什么值为null.

Click on HTML button throw a Uncaught TypeError: Cannot read properties of null (reading 'length')

Click on HTML button throw a Uncaught TypeError: Cannot read properties of null (reading 'length')

javascript

dom

click