将按钮包裹在<；a>；使用javascript

有什么办法吗？通过javascript，我创建了一个

input=“image”

，我想把它包装成一个

，所以当我点击它时，会弹出一个模式

 function amphi() {
     amp.setAttribute('type', 'image');
     amp.setAttribute('src', 'baloon.png');
     amp.setAttribute('style', 'position:absolute; left:540px; top:312px; color:red;');
     amp.setAttribute('title', 'Amphitheater');
     amp.setAttribute('ondblclick', 'confirm(`Amphitheater:\n \n \nLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`);');

     document.body.appendChild(amp);
     hidethis();
     amp.style.visibility = "visible";
 }

---

这就是你要找的吗

HTML

<img src="yourbuttonimage.png" onclick="popModal()" />

---

发布相关的html和CST此问题非常不清楚。这样做没有意义，而且它无论如何都无效-

元素不能包含交互式内容（如按钮）。请澄清您所说的

模式

是什么意思。另外，使用

元素将实现什么，而使用

onclick

事件不会实现什么？ie

amp.setAttribute（'onclick'）…

如果用户在输入框中单击并弹出一些东西，他们会感到非常惊讶。他们希望光标定位在框中，以便开始键入。

function popModal(){
    //your modal instantiation script here
}