无法编辑使用Chrome扩展程序

Question

我正在建立一个chrome扩展，在Ajax的current选项卡中注入一些HTML。

扩展程序将<div>附加到正文，我现在正尝试在javascript中编辑它：我希望它“跟随”用户光标=＆gt;所以我需要修改top，left，width和height。

我无法做到。我试过了：

1）

document.getElementById('mydiv').style.top = myvalue + "px";

并收到以下错误：

Uncaught TypeError: Cannot set property 'top' of undefined

undefined似乎是“风格”，因为我设法在我这样做时得到我的节点：console.log(document.getElementById('mydiv'));

2）

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

我设法在标记中实际写入此属性，但出于某种原因，我的<div>并不关心并保持其位置：/

我检查了以下内容：

• 正文为position:relative;
• mydiv是position:absolute;
• 手动附加div并编辑它实际上可以正常工作

由于Ajax请求，我的暗示是myDiv有点不稳定。

非常感谢任何帮助或建议。

Answer 1

好的，我最终会发现问题出在哪里：

我在DOM中将节点注入节点类型text/xml 无法设计这样的元素...

修复了调用text/html方法

时将其更改为parseFromString()的问题