Добавление значка в контент и обработка его событий

Question

Я пытаюсь использовать этот код, но я не знаю точный класс для результатов поиска Google, который заменил бы "the_search_result_class".Пожалуйста, помогите мне найти класс Dom для результатов поиска Google на странице поиска Google.

function someFunction() {
    alert("The user clicked on the icon.")
}

var icon = document.createElement("img");
icon.src = chrome.extension.getURL("icon.png");
var searchResults = document.getElementsByClassName("the_search_result_class")
for (var i = 0; i < searchResults.length; i++) {
    var searchResultIcon = icon.cloneNode();
    searchResultIcon.addEventListener("click", someFunction, false);
    searchResults[i].append(searchResultIcon);
}

Answer 1

Чтобы узнать имя динамического класса на странице:

1. Откройте консоль разработчика (Ctrl + Shift + J)
2. Нажмите на вкладку «Элементы» и затем на увеличительноезначок стекла
3. Выберите интересующий вас элемент на странице, и вы увидите его HTML-источник ниже.