javascript - 如何使用 Chrome 扩展程序插入 HTML？

Question

我需要我的 chrome 扩展程序将 html 插入到页面中。我能够插入 html，但在按照我想要的方式设置插入元素的样式时遇到问题。

上图是我正在寻找的示例。我查看了插入的灰色框的 CSS，并尝试实现相同的功能，但当我尝试执行此操作时，控制台出现错误。

我得到的错误:

Uncaught ReferenceError: Invalid left-hand side in assignment

我用来设置样式的代码(CSS 到 JS):

(function() {

    // just place a div at top right
    var div = document.createElement('div');
    div.style.position = 'fixed';
    div.style.background-color = '505F69';
    div.style.box-sizing = 'border-box';
    // div.font-size = '16px';
    div.style.top = 0;
    div.style.right = 0;
    // div.textContent = 'test';
    div.style.zIndex = 1000000000;
    div.innerHTML += 'Injected!';
    document.body.appendChild(div);



})();

我在使用“div.style.background-color”和“div.style.box-sizing”时遇到错误。

关于如何复制这个有什么建议吗？

Answer 1

"div.style.background-color" and "div.style.box-sizing".

使用

“div.style.backgroundColor”和“div.style.boxSizing”。