如何從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"]')