javascript - 更新文本区域的 chrome 扩展

Question

有一个带有 textarea 的网站，textarea 有一个 foo 类，当我打开网站时，我试图创建一个 chrome 扩展来填充这个 textarea，但由于某种原因，我的代码是不工作。

JavaScript :

window.onload = function(e) {
   if(window.location.hostname == 'www.foobar.com'){
      document.querySelector('.C_INPUT').value = "example text";
   }
}

此代码无效。如果我抓取另一个 div 并只修改字体的大小，它就可以工作，但不适用于此代码。

我在控制台中收到以下错误。

at Uncaught TypeError: Cannot set property 'value' of null
at content.js:5

是的，文本区域是空的，但我正在尝试填充它，所以不知道为什么这个错误不断弹出

Answer 1

尝试像-

window.onload = function(e) {
   if(window.location.hostname == 'www.foobar.com'){
      var C_INPUT = document.querySelector('.C_INPUT');
      console.log(C_INPUT); /*Debug here, You are getting null Object Here*/
   }
}

Note: Debug your selector, It is getting null (No Element is selected)