如何使用 Javascript 将此代码注入 HTML？

Question

<div id="bar" style="position:fixed; top:0; left:0; width: 0%; height: 10px; background-color:#e81d61;"></div> 

我正在开发一个 chrome 插件，但遇到了一个问题。 所以，我需要将这段代码注入主体并在 JavaScript 中操作样式； 顺便说一下，这一切都将在 JavaScript 中完成。 请帮忙 ：）

我尝试过的：

var div = document.createElement("div").id="bar";
div.bar.style.position = "fixed";
div.bar.style.top = "0";
div.bar.style.left = "0";
div.bar.style.height = "10px";


document.body.appendChild(div);

Answer 1

 var div = document.createElement("div"); div.setAttribute("id", "bar"); div.style.position = "fixed"; div.style.top = "0"; div.style.left = "0"; div.style.height = "50px"; div.style.width = "50px"; div.style.backgroundColor = "#ccc"; document.body.appendChild(div);