Chrome扩展程序 - 在页面中添加用html编写的表格元素

Question

我正在编写Chrome扩展程序，并且希望能够使用html标记编写表格元素，并以编程方式将其添加到具有内容脚本的页面。我知道如何将元素添加到页面，如：

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

我希望能够写类似：

<table> blah blah </table> 

并将此元素添加到页面。 如果可能的话，甚至在它自己的文件中包含这个元素。 （我不希望它在不同的框架，因为原因）

为什么？因为设计一个像这样的元素会让你感觉很舒服。 在此先感谢！

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和相同的目录之下。