クロム拡張のユーザーページからデータを取得

Question

クロム拡張を作成して、ユーザーが閲覧しているページからh2>の内部テキストを抽出しています。私はコンテンツスクリプトについて学びましたが、それを使用しましたが、うまくいきませんでしたが、どこに問題があるのか​​分かりません。誰かが私を助けることができれば、それは大変に感謝されるでしょう

これは、jsのコードです：

document.addEventListener('DOMContentLoaded', function() { 
var link = document.getElementById('button'); 
link.addEventListener('click', function() { 
updateresult(); 
}); 
}); 
function updateresult() { 
var i; 

var x =document.getElementsByTagName("h2"); 

for(i=0; i< x.length ; i++) 
{ 

    document.getElementById("result").innerHTML = (x[i].innerHTML + "\n"); 


}} 

これは、私が使用しているマニフェストファイルです：

 { 
     "manifest_version": 2, 

      "name": "Header Extractor", 
       "description": "Extension to search header", 
       "version": "1.0", 

       "browser_action": { 
       "default_icon": "icon.png", 
       "16": "icon.png", 
        "48": "icon.png", 
        "128": "icon.png", 
       "default_popup":"popup.html", 
        "default_title": "Open And Search headers" 
         }, 
         "permissions": [ 
          "storage", 
          "activeTab" ,"tabs" 
          ], 
          "content_scripts": [ 
        { 
        "matches": ["<all_urls>"], 
       "js": [ "popup.js"], 
       "run_at": "document_end" 
         } 
          ] 
           } 

Answer 1

あなたはすでにあなたの結果を貼り付けた結果divを作成したことがありますか？

また、現在の関数は1つのh2値しか返しません。 concatを使ってそれらをまとめて出力しましょう。

function updateresult() { 
    var i; 
    var x = document.getElementsByTagName("h2"); 
    var string = ""; 
    for(i=0; i<x.length; i++) 
    { 
     string.concat(x[i].innerText + "\n"); 
    } 
    document.getElementById("result").innerText = string; 
} 

補足として、innerTextを使用します。