javascript - 改变和通过点击

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 添加新标签吗？