如何注入html代码，chrome扩展

我想用chrome扩展插入html代码。 Adding complex HTML using a Chrome content script 此链接工作，但我需要插入更具体的区域。例如这个链接添加HTML代码到代码的顶部，但我需要在特定代码中插入像如何注入html代码，chrome扩展

<html> 
<body> 
... 
... 
<div> 
    //codes 
</div> 

    // i want my code goes here 
    // <div> 
    // </div> 
... 
... 
</body> 
</html>

如果即时通讯仍然无法解释自己，有一个Chrome扩展，其名称为“YouTube的尺蠖”这扩展正在做我所需要的。感谢您的帮助，并为我的英文不好而感到抱歉

来源

2014-02-14 erkensuat

您必须在content_script中编写代码来指定HTML将被注入的位置。例如，您可以使用insertBefore函数在现有元素的之前插入HTML代码。

围绕DOM树有许多功能可以帮助您指定文档中的确切点来插入新对象。不要将HTML视为文本文件，将其视为文档树（带有父节点，子节点和ID）。以下是获得的功能列表，供您参考：

http://www.w3schools.com/jsref/dom_obj_all.asp

例如，像： “HI”

document.getElementById('test').innerHTML = "HI!";

将插入在以下HTML格式的div标签中：

<html> <body> <div id='test'> </div> </body> </html>

如果您需要更多帮助，请更具体地了解您的请求。哪里（确切地）你需要注入HTML吗？

来源

2014-02-15 01:05:30

首先感谢您快速回答。我相信你能正确理解我。这个例子很不错，或者是链接。我会开始学习这些东西，但我相信我需要更多的帮助:)谢谢 – erkensuat

如何注入html代码，chrome扩展

回答

相关问题