如何注入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擴展

回答

相關問題