同じクラスのすべてのノードにボタンを追加するには

Question

私は、何か具体的なことをするすべてのコメントの横にボタンを提供するGoogle Chrome拡張機能を作成しようとしています。コメントにはHTML IDがありませんので、私はコンテンツスクリプトファイルでこれを行いました。

var cFooter = document.getElementsByClassName("comment-renderer-footer"); 
var btn = document.createElement("button");   
var txt = document.createTextNode("does something");  
btn.appendChild(txt); 


for(var i = 0 ; i<cFooter.length ; i++){ 
    cFooter.item(i).appendChild(btn); 
} 

btn.addEventListener("click", function(){ alert("You Clicked!")}); 

このコードでは、すべてのコメントのリストを作成し、それらのすべてにコメントを追加する必要がありますが、機能しません。

（cFooter私はボタンが嫌いボタンの隣になりたい、コメントフッターの略です。）

マニフェストファイル：

"name": "Youtube Comments ", 
"description": "Youtube Comments, 
"version": "1.0", 

"manifest_version": 2, 

"browser_action":{ 
    "default_icon": "icon.png", 
    "default_popup": "popup.html" 
    }, 

    "background": { 
    "scripts": ["background.js"], 
    "persistent": false 
    }, 

    "icons" : { 
    "64" : "icon.png" 
    }, 

    "permissions": ["activeTab"], 

    "content_scripts": [ 
    { 
    "matches": ["https://www.youtube.com/*"], 
    "js": ["myScript.js"] 
    } 
    ] 
} 

Answer 1

あなたが変わってしまう場合、最後のボタンが（すでに動作するようになりましたcFooter.item(i)〜cFooter[i]）。