[英]Chrome Extension - add a table element written in html to a page
我正在编写一个Chrome扩展程序,并且希望能够编写一个带有html标签的表格元素,并以编程方式将其添加到带有内容脚本的页面中。 我知道如何向页面添加元素,例如:
var myTable = document.createElement("table");
document.getElementById("Container").appendChild(myTable);
我希望能够编写如下内容:
<table> blah blah </table>
并将此元素添加到页面。 如果可能,甚至将此元素保存在自己的文件中。 (由于种种原因,我不希望它位于不同的框架中)
为什么? 因为设计这样的元素要整整齐齐。 提前致谢!
您可以使用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并放在相同目录下。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.