时间戳

首页 > 解决方案 > 单击 HTML 按钮抛出未捕获的类型错误：无法读取 null 的属性（读取“长度”）

javascript - 单击 HTML 按钮抛出未捕获的类型错误：无法读取 null 的属性（读取“长度”）

问题描述

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

通过 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电话包裹在 a 周围try..catch，但错误不断弹出。

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

谢谢！阿莱西奥

标签： javascriptdomclick

解决方案

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

推荐阅读