如何在chrome扩展上使用querySelectorAll

Question

我需要使用google extensioin获取一页的所有输入。

我的代码是在为页面充电时执行的。但我需要为此做一个按钮。

如果我只写这个：

var inputs = document.body.querySelectorAll('input');

输入var，内容所有输入，精细..

但是如果我按下按钮不执行时执行一个功能。

document.addEventListener('DOMContentLoaded', function () {
    document.getElementById('rellena').addEventListener('click', al);
});
function al(){
  var inputs = document.body.querySelectorAll('input');
  alert("Hello")

}

在此示例中，警报执行正常，但不是querySelectorAll。

之后，我使用循环来改变输入的值。这项工作没有按钮，但没有按钮。

PD：如果我更改了console.log（输入）的警报，则不起作用。如果我把控制台（输入）和imput var从“al”函数中取出，这就可以了。