定位我使用 JavaScript Chrome 扩展创建的这个元素答案

【问题标题】：position this element I created with JavaScript Chrome Extension定位我使用 JavaScript Chrome 扩展创建的这个元素
【发布时间】：2021-02-26 00:43:28
【问题描述】：

代码

function createButton(){
    var newEl = document.createElement("header");
    var r = document.createTextNode("My Chrome Extension");
    newEl.appendChild(r);
    document.body.appendChild(newEl);
}

createButton();

所以我刚刚学会了如何在 JavaScript 中创建一个元素，但是该元素出现在屏幕的左下角，那么我该如何定位它？？？

【问题讨论】：

如何你想定位它？你熟悉 CSS 的视觉格式化模型吗？ ResizeObserver?绝对与静态定位？请记住，通常 HTML 元素以“流”模型布局（即它们实际上没有“位置”：它们在文档中的位置取决于其他元素）。
css 是要走的路，你必须在newEl.appendChild(r) 之前做newEl.style.property，参考：w3schools.com/js/js_htmldom_css.asp
@SamridhTuladhar 我看到了参考，它显示颜色变化，介意显示位置变化的示例吗？

标签： javascript google-chrome-extension

【解决方案1】：

你可以使用它的 css 属性来移动你的元素：

How to position a DIV in a specific coordinates?

【讨论】：