Javascript 替换HTML标记及其'；他对JS很满意

我对JS一无所知，所以我需要你的帮助。我刚在网上搜索过，但我没有找到任何关于我要问你的问题。我需要更改一个html标记及其所有内容，我认为最好的方法是JS。例如：

我需要那个标签

我的用户名
将随此更改


点击一个项目，我想我应该使用
onclick=“myfunction（）”
，但我不知道从哪里开始使用JS代码！有人能帮我吗？


文件
我的用户名
切换
const onClick=（）=>{
const div1=document.getElementById（“div1”）；
const toggleItem=document.querySelector（“#toggleItem”）；
如果（toggleItem.tagName==“输入”）{
const p=document.createElement（“p”）；
p、 innerText=“用户名”；
p、 id=“toggleItem”；
第1部分：儿童（p）；
}否则{
常量输入=document.createElement（“输入”）；
input.name=“uname”；
input.placeholder=“用户名”；
input.type=“text”；
input.id=“toggleItem”；
div1.appendChild（输入）；
}
toggleItem.remove（）；
};
我找到了一个最简单的方法，我有多个元素需要更改，所以我还添加了一些变量

    function edit(id, type, name, placeholder){
        var element = document.getElementById(id);
        var final = document.createElement('td');
        final.innerHTML = '<input type="'+type+'" name="'+name+'" id="'+name+'" 
        placeholder="Inserire qui '+placeholder+'" style="width:100%">';
        element.parentNode.replaceChild(final, element);
    }

函数编辑（id、类型、名称、占位符）{
var元素=document.getElementById（id）；
var final=document.createElement（'td'）；
final.innerHTML=''；
element.parentNode.replaceChild（final，element）；
}

在html中，我制作了如下内容：

    <td id="indirizzoText">
        <p>Address<i class="fas fa-pen" onClick="edit('indirizzoText', 'text', 'indirizzo', 'l\'indirizzo')"></i>
        </p>
    </td>


地址


我用错了方法？
这能回答你的问题吗？我不认为不幸的是。。。如果我已经很好地理解了这个线程，那么它们只会更改标记，但我还需要更改标记中的方法。但也许我只是误解了线程，你所说的“标签中的方法”是什么意思？属性？如果是这样，您可以将它们分配给新创建的元素（
newElem.name=“uname”
）。好的，非常感谢！！我做对了！！！