Chrome拡張機能 - htmlで書かれた表要素をページに追加する

Question

Chrome拡張機能を作成しています.HTMLタグを含む表要素を作成し、コンテンツスクリプトを含むページにプログラムで追加できるようにしたいと考えています。

<table> blah blah </table> 

し、ページにこの要素を追加します。私のような何かを書くことができるようにしたい

var myTable = document.createElement("table"); 
document.getElementById("Container").appendChild(myTable); 

：私のようなページに要素を追加する方法を知っています。 可能であれば、この要素を独自のファイルに含めることもできます。 （理由のために別のフレームに入れたくない）

なぜですか？このような要素を設計するのはずっと簡単です。 ありがとうございます！

Answer 1

jQueryを使用してこれを行うことができます。 manifest.jsonをファイルを作成し、以下のようなものの内側に置く：同じディレクトリの下

{ 
"manifest_version": 2, 
"name": "PLUGIN_NAME", 
"version": "1", 
"content_scripts": [ 
{ 
    "matches": [ 
     "http://your.website.com/*" 
    ], 
    "js": ["jquery.js", "plugin.js"] 
    } 
] 
} 

インサイドplugin.jsは、以下のようなものを置く：

jQuery(document).ready(function() { 
    var element = jQuery('#id-of-div') 
    jQuery('<table><tr><td>HEY !</td></tr></table>').appendTo(element) 
}); 

は、その後のjQueryをダウンロードし、同じディレクトリの下に置きます。