通过谷歌Chrome扩展程序注入的元素不像普通的那样

Question

我正在尝试制作Google Chrome扩展程序。我想通过内容脚本向页面添加div元素。我的代码看起来像这样

const parser = new DOMParser();
const nodeToInsert = parser.parseFromString('<div id="myId" style="position: absolute; left: 100px; top: 100px">Hi there!</div>', "text/xml");
document.getElementsByTagName("body")[0].appendChild(nodeToInsert.getElementById('myId'));

它添加元素，但不添加CSS：元素位于页面底部（不在100px 100px位置）。顺便说一下，当我通过inspect手动添加元素时，它可以工作。