Javascript 如何更改插入的html的父节点_Javascript_Dom_Google Chrome Extension

Javascript 如何更改插入的html的父节点

javascript dom google-chrome-extension

Javascript 如何更改插入的html的父节点,javascript,dom,google-chrome-extension,Javascript,Dom,Google Chrome Extension,我有一个chrome扩展，可以输入一个html文件到指定的网站，但我也想改变谁是家长 HTML注入器 var xhttp = new XMLHttpRequest(); xhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { var div = document.createElement('div'); div.in

我有一个chrome扩展，可以输入一个html文件到指定的网站，但我也想改变谁是家长

HTML注入器

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var div = document.createElement('div');
        div.innerHTML = this.responseText;
        document.body.insertBefore(div, document.body.firstChild);
        div.parentElement = document.getElementsByClassName("fullheight").item;
    } else {
        console.log('files not found');
    }
};
xhttp.open("GET", chrome.extension.getURL("/Test.html"), true);
xhttp.send();

HTML

我想要你好世界！工具杆也应位于工具杆下方

任何帮助都将不胜感激，谢谢

只需选择要在其后面插入的元素，如果在后面插入？紫色元素是否具有动态变化的id/类/位置？或者是什么阻止你这么做？@GergelySzabo但我该怎么做？Im太新扩展名而不是

document.body

使用

document.querySelector（.fullheight”）

并删除带有div的整行。parentElement@wOxxOmdidnotwork:/这意味着在代码运行时没有这样的元素。

<!DOCTYPE html>
<html><head>
    <title>Embedded Hello World</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <link href="HelloWorld.css" rel="stylesheet" type="text/css">

    <script type="text/javascript" src="jquery.min.js"></script>
    <script type="text/javascript" src="HelloWorld.js"></script>
</head><body>
<p class="test">Hello World!</p>
</body></html>

.test
{
 color:white;
}
body
{
 background-color: rgb(20,20,20,1) !important;
}