Question

chrome 扩展更新文本区域

2017-04-24

483

javascript google-chrome

有一个带有文本区域的网站，该文本区域具有 foo 类，我尝试创建一个 chrome 扩展程序，以便在打开网站时填充此文本区域，但由于某种原因，我的代码不起作用。

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)

Answer 2

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

编辑：

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