Javascript 向内容添加图标&;处理其事件

Javascript 向内容添加图标&;处理其事件,javascript,dom,google-chrome,google-chrome-extension,Javascript,Dom,Google Chrome,Google Chrome Extension,我正在尝试使用这段代码,但我不知道谷歌搜索结果的确切类别将取代“搜索结果类别”。请帮我在谷歌搜索页面上找到谷歌搜索结果的Dom类 function someFunction() { alert("The user clicked on the icon.") } var icon = document.createElement("img"); icon.src = chrome.extension.getURL("icon.png"); var searchResults = doc

我正在尝试使用这段代码,但我不知道谷歌搜索结果的确切类别将取代“搜索结果类别”。请帮我在谷歌搜索页面上找到谷歌搜索结果的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);
}
function someFunction(){
警报(“用户单击了图标。”)
}
var icon=document.createElement(“img”);
icon.src=chrome.extension.getURL(“icon.png”);
var searchResults=document.getElementsByClassName(“搜索结果类”)
对于(var i=0;i
要在页面上查找动态类名,请执行以下操作:

  • 打开开发人员控制台(Ctrl+Shift+J)
  • 单击“元素”选项卡,然后单击放大镜图标
  • 在页面上选择您感兴趣的元素,您将在下面看到它的html源代码