向内容添加图标＆amp;处理它的事件

Question

我正在尝试使用此代码，但我不知道谷歌搜索结果的确切类将替换“the_search_result_class”。请帮我在谷歌搜索页面找到谷歌搜索结果的Dom课程。

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源代码。