如何使用Firefox扩展将iframe添加到内容/ DOM？

Question

I'm trying to add an iframe to the content / DOM of a webpage using a firefox extension.

Here is my code:

const XUL = Namespace("xul", "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

function addIframe(src) {
    // Create the script node
    let iframe = document.createElementNS(XUL, "iframe");
    iframe.setAttribute("src", src);

        window.content.appendChild(iframe);
}

It's a modified version from this answer: Execute JS from Firefox extension

I replaced this line:

// Inject it into the top-level element of the document
document.documentElement.appendChild(script);

With this line:

window.content.appendChild(iframe);

Because it was inserting the iframe into the chrome of the browser and not into the content area DOM. What is the right command to insert it into the page? (My command is not working)

Answer 1

And the correct answers goes to... me!

const XUL = Namespace("xul", "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

function addIframe(src) {
    // Create the script node
    let iframe = document.createElementNS(XUL, "iframe");
    iframe.setAttribute("src", src);

        window._content.document.body.appendChild(iframe);
        return;
}