Javascript 更新文本区域的chrome扩展

有一个网站有一个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并只修改字体大小，它就可以工作，但不适用于此代码

我在控制台中得到以下错误

---

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

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*/
   }
}

注意：调试选择器，它将变为null（未选择任何元素）

---

选择器似乎不正确，您提到textarea有一个类

foo

，但在代码中您使用的是

C\u输入

编辑：

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

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