Javascript Can'；添加Chrome扩展的html元素的编辑样式

我现在正在构建一个chrome扩展，它使用Ajax在当前选项卡中注入一些HTML

扩展将

附加到正文中，我现在尝试用javascript编辑它：我希望它“跟随”用户光标=>所以我需要编辑

顶部

，

左侧

，

宽度

和

高度

我没能做到。我试过：

(一)

并获取以下错误：

Uncaught TypeError: Cannot set property 'top' of undefined

undefined似乎是“style”，因为当我这样做时，我会设法获取我的节点：

console.log（document.getElementById（'mydiv'）

(二)

我设法在标记中实际写入此属性，但出于某种原因，我的
不在乎并保持它的位置：/

我已经检查了以下内容：


主体是
位置：相对

mydiv为
位置：绝对值

手动附加一个div并编辑它实际上可以工作

我的线索是，由于Ajax请求，myDiv有点实例化了

如有任何帮助或建议，将不胜感激
 好的，我终于发现了问题所在：

我将我的节点作为节点类型
text/xml
没有办法设计这样的元素

当调用
parseFromString（）
方法时，将其更改为
text/html
可以修复此问题吗？不知道如何提供小提琴：我使用XHR和chrome.extension.getURL方法获取html文件，在其中我选择一个特定元素并将其插入到用户活动选项卡中
Uncaught TypeError: Cannot set property 'top' of undefined

document.getElementById('mydiv').setAttribute('style', 'top:' + myvalue + 'px;');