使用onclick </button>用<input />更改<button>

Question

我需要在“onclick（）”函数的帮助下用另一个元素更改元素，但我不知道怎么做...我只知道如何创建新元素，但那不是我的意思需要...

假设我有一个元素，我希望将其更改为元素，该元素将出现在元素所在的相同位置。

我知道如何在jQuery中“隐藏”和“显示”元素，它完全适合这里，但问题是CSS显示：无;可以在浏览器中轻松关闭样式。

Answer 1

你可以使用jQuery轻松完成。

<button id="button1">Button</button>

然后jQuery JS

$(function(){
    $('#button1').click(function () {
        $(this).replaceWith('<input type="text" />');
    });
});

Answer 2

如果您熟悉JQuery，可以使用remove或empty命令删除当前标记，然后使用append或prepend添加新标记吗？