在javascript中在图像上方添加按钮

我正在使用image map pro jquery交互式图像，并尝试在图像上方添加一个按钮，但它不会显示

 var div1=document.getElementById("wcp-editor-canvas");
     console.log(div1)
     div1.innerHTML+='<button style="position:absolute;">Do it</button>';

var div1=document.getElementById（“wcp编辑器画布”）；
console.log（div1）
div1.innerHTML+='Do it'；

---

任何解决方案？

将位置更改为相对，并将样式设置为“显示：块；位置：相对”按钮被覆盖，因为位置是绝对的，这意味着此元素在布局中没有位置。此外，innerHTML需要存储在一个变量中，该变量等于

buttonHTMLString+innerHTML

，这会将按钮HTML放在其他HTML的前面。

请提供一个示例，以更好地说明案例使用

insertAdjacentHTML

，因为它可以让您更好地控制HTML字符串插入的位置。因此，一个例子是

div1.insertAdjacentHTML（'afterBegin'，'Do it'）

insertAdjacentHTML不适用于me@KAD-Stackoverflow已支持多年。没有必要求助于在外部托管演示。@LaamiriOussema-尝试提供一个。很难仅仅从一小段代码中看出问题所在。