如何从Chrome扩展程序中查找文本框

Question

我正在制作一个Chrome扩展程序，我需要它来在网页上找到任何表单文本框。

我首先尝试在我的内容脚本中执行此操作，例如：

document.getElementsByTag("text");

但是它总是返回undefined因此我假设它仅在搜索my_app.html 。

我的第一个问题是我应该使用哪个函数：GetElmentsByTag，按名称，按className或与其他函数一起使用？

我的第二个问题是我需要搜索哪个JavaScript文件？ 其他存在类似问题的论坛表示，您需要访问另一个文件（如背景或弹出窗口）中的DOM，然后将其与消息和侦听器一起发送到内容脚本。

Answer 1

首先，您要调用一个不存在的函数。 您可能是指Document.getElementsByTagName()或Document.querySelectorAll() ，如您在此处看到的：

 console.log(document.getElementsByTagName); console.log(document.querySelectorAll); console.log(document.getElementsByTag); 

另外，您的选择器是错误的：没有<text> HTML元素。

如果要所有具有任何type属性（ text ， password ， search ， radio ， checkbox ，...）的<input>字段，则可以使用以下任意一种：

document.getElementsByTagName('input');

document.querySelectorAll('input');

如果只需要特定类型的<input> ，例如text ，则可以执行以下操作：

document.querySelectorAll('input[type="text"]')

最后，您可以连接多个选择有,如果你想要<input>不同类型的S：

document.querySelectorAll('input[type="text"], input[type="password"]')