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

是的，textarea是空的，但我想填补它，所以不要为什么这个错误不断出现

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

注意：调试你的选择器，它变为空（没有选择元素）

Answer 2

似乎选择器不正确，你提到textarea有一个类foo，但在代码中你正在使用C_INPUT

编辑：

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

chrome扩展更新textarea

2 个答案: