添加图标到内容和处理其事件

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