Question

我想使用chrome扩展插入html代码。 Adding complex HTML using a Chrome content script 此链接有效，但我需要插入更具体的区域。例如，此链接将html代码添加到代码顶部，但我需要插入特定代码，如

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

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

如果我仍然无法解释自己，有一个chrome扩展名称为“looper for youtube”这个扩展正在做我需要的。感谢您的帮助，对不起我的坏英语

Answer 1

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

DOM树周围有许多功能可以帮助您指定文档中插入新对象的确切点。不要将HTML视为文本文件，将其视为文档树（具有父节点，子节点和ID）。这是一个让您入门的功能列表：

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

例如：

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

将插入“HI！”在以下HTML中的div标记内：

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

如果您需要进一步的帮助，请更具体地说明您的要求。在哪里（确切地）你需要注入HTML？

如何注入HTML代码，chrome扩展

1 个答案: