在javascript

Question

我正在使用image-map-pro-jquery-interactive-image并尝试在图片上方添​​加一个按钮，但它不会显示。

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

任何解决方案？

Answer 1

将位置更改为相对并将样式设置为"display: block; position: relative"按钮被覆盖，因为位置是绝对的，这意味着此元素在布局中没有位置。此外，innerHTML需要存储在一个等于buttonHTMLString + innerHTML的变量中，这将按钮HTML放在另一个HTML的前面。