如何使用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

  

＆＃34; div.style.background色＆＃34;和＆＃34; div.style.box-sizing＆＃34;。

使用

＆＃34; div.style.backgroundColor＆＃34;和＆＃34; div.style.boxSizing＆＃34;。