Как получить текст по имени класса с веб-сайта, используя расширение Chrome?

Question

Я пытаюсь получить текст с веб-сайта, используя расширение Chrome.Текст обновляется автоматически с сайта.Ниже приведен код моего файла popup.js

let changeColor = document.getElementById('Start');
    chrome.storage.sync.get('color', function(data) {
        changeColor.style.backgroundColor = data.color;
        changeColor.setAttribute('value', data.color);
      });

      changeColor.onclick = function(element) {
        let color = element.target.value;
        chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
          chrome.tabs.executeScript(null, { file: "jquery.js" }, function() {
            chrome.tabs.executeScript(null, { file: "inject.js" });
        });
        });
      }; 

И код inject.js

    var asd =  $(".txt-big ng-binding :first").text();
    console.log(asd); // get nothing here
    $(".txt-big ng-binding :first").change(function(){
    console.log($(".txt-big ng-binding").text()); // it doesn't get executed
    });

Для первого файла console.log пуст.

И для второгоconsole.log Я отмечаю.Как мне применить метод изменения и получить значение, когда оно изменилось?Спасибо заранее.

Answer 1

Я немного изменяю код. Функция изменения для переключателей входов и т. Д.

$(document).ready(function(){
    var asd =  $(".txt-big").eq(1).text();
    console.log(asd);
    $(".txt-big").on('DOMSubtreeModified',function(){
      console.log("eeff");
    });
  });