На моей странице html 
<!DOCTYPE html>
<html>
  <body>
    <div id="text">123</div>
 </body>
</html>
А в background.js у меня по идее написано, что когда страница загрузиться, добавить в text мой div и изменись содержимое по клику.
chrome.tabs.onUpdated.addListener(function() {
	var text = document.querySelector('#text');
    text.onclick = function(){
        text.innerHTML = "133";
    };
});
Но расширение сразу выдает ошибку
Т.е. оно врезается в то, что querySelector не достучался до html. И я не знаю как это исправить... Есть ли какие-то способы как из расширения влиять на содержимое страницы?