document.querySelectorAll() 不捕获用 JS 创建的元素

Question

我试图在动态页面中捕获一系列元素，这些元素是用 Javascript 和 document.querySelectorAll() 创建的，但它只捕获直接在 HTML 中创建的元素，显然没有看到 JS 制作的元素。

所以，我正在尝试创建一个仅前端的动态页面，但我在创建过滤器时遇到了麻烦。

此页面上的所有公告都是从一个 json 文件中获取的，并且在左侧的过滤器中看到的类别（手风琴内的单选按钮）是这样制作的：

但是，当我尝试捕获由 Javascript 创建的所有无线电时，它捕获的唯一一个是第一个，这是我直接在 HTML 中制作的唯一按钮。好像没看到JS做的：

let categoryInputs = document.querySelectorAll('.form-check-input')

你能看出我做错了什么吗？