我试图通过使用innerhtml在Div中显示一个HTML页面。 我尝试了几种方法，并得到了不同寻常的结果。

第一次尝试:

null

popbox.innerHTML = $("popbox").load("content.html");

null

尝试%1结果

第二次尝试:

null

popbox.innerHTML = '<object type="text/html" data="content.html"; ></object>';

null

第二次尝试结果

在第二次尝试中，我没有加载content.HTML，而是得到了当前显示的HTML页面。

清单确实在WebResources中包含content.html。

更新3:做出更改以反映没有innerHTML的popbox，但现在style.visibility返回null。

null

var style = "width: 350px; height: 500px; background: #212121; color: white; position: fixed; top: calc(37% - 50px); right: calc(49% - 50px)";
    var popbox = document.createElement("div");
    popbox.setAttribute("style", style);
    popbox.setAttribute("id", "popbox");
    //popbox.innerHTML = '<object type="text/html" data="content.html"; ></object>'; 
    //popbox = $("popbox").load("content.html");
    console.log("Did popbox run?");
    /*popbox.id = "popbox";
    popbox.rel = 'stylesheet';
    popbox.type = 'text/css';
    popbox.href= 'style.css'; 
    */

    

    function onMouse() {
      //if ($(".shadowRoot").mouseover === false) {
        console.log("Did onMouse run?");
        document.getElementById('popbox');
        popbox = $("popbox").load("content.html");
        document.getElementById('popbox').style.visibility = "visible";
    } 
    
    
    function offMouse() {
     
        console.log("Did offmouse run?");
        document.getElementById('popbox').style.visibility = "hidden";

null