如何或者我可以使用JavaScript在html或body標籤後添加div標籤？

由於一個非常具體的原因，我想知道您是否可以在body或html標籤之後添加標籤。如何或者我可以使用JavaScript在html或body標籤後添加div標籤？

<!DOCTYPE html> 
<html> 
<body> 
</body> 

<!-- Can I add a tag here? --> 

</html> 

<!-- Can I add a tag here? -->

我注意到這是Chrome的Skype插件的功能，並想知道他們是如何做到的。我附上了一張證明截圖。

enter image description here

-1

抱歉jQuery的，但例如

$("<p>Test</p>").insertAfter("body");

2013-10-28 19:58:35 paka

可以將主體元件作爲這樣後附加一些元件：

var e = document.createElement('a'); 
document.body.parentNode.appendChild(e);

試圖插入其是一個元件html元素的同胞會導致以下錯誤：

Error

2013-10-28 19:59:39 KPthunder

在'body'元素使文檔無效（不符合）之後追加元素，因爲它違反了'html'元素的內容模型。它可能仍然有效，但我不會這樣做，除非我知道我有一個無法解決的問題。 –

我通常會同意。我認爲Skype插件可以做到這一點很有趣。 – KPthunder

有幾種方法可以做到這一點，KPthunder的腦海裏浮現出樣品。您也可以重寫整個文檔的內容並重新加載它。醜陋，殘酷，但它的作品。

但是，請注意，瀏覽器不需要兌現元素。如上所述，它不符合要求，因此不能保證適用於所有瀏覽器。它可能會在IE中工作。但那是IE。而IE支持的一切。 </eyeroll >

其實我已經遇到既出現在HTML元素本身之前和之後的元素，這是不是故意的（咳嗽）。有可能，這裏就是這種情況。我對你的建議是，不要試圖重複它。

2013-10-28 20:30:48

這是一條評論，告訴你這應該是一條評論。/meta – Mathletics

我把你引到第一段。「你也可以重寫整個文檔的內容並重新加載它。」另外，請注意，指出在大多數情況下他試圖複製的內容（以我的經驗）既不是故意的，也不是質量發展的標誌，這是相當重要的。 –

回答