Javascript 在一个div中添加多个元素，而其他元素不会丢失其值

当我使用add按钮添加输入时，更改其值，然后添加另一个输入，容器中已经存在的输入将丢失其值

设btn=document.getElementById'addBtn'； let container=document.getElementById'container'； btn.onclick=函数{ container.innerHTML+=`； } 添加元素 对容器的innerHTML使用insertAdacentHTML而不是+=ing。这样，现有元素就不会损坏：

设btn=document.getElementById'addBtn'； let container=document.getElementById'container'； btn.onclick=函数{ container.insertAdjacentHTML'beforeed'，'； }; 添加元素 对容器的innerHTML使用insertAdacentHTML而不是+=ing。这样，现有元素就不会损坏：

设btn=document.getElementById'addBtn'； let container=document.getElementById'container'； btn.onclick=函数{ container.insertAdjacentHTML'beforeed'，'； }; 添加元素

---

谢谢你，伙计。终于可以开始使用这个购物车了：D.@AmineAboutaieb请标记为正确答案，如果它解决了您的问题，请随意投票。要进一步了解堆栈溢出的工作原理，请执行以下操作：谢谢你，伙计。终于可以开始使用这个购物车了：D.@AmineAboutaieb请标记为正确答案，如果它解决了您的问题，请随意投票。要进一步了解堆栈溢出的工作原理，请执行以下操作：

<button id="btn2">add</button>
<script>
$(document).ready(function(){
var add='<input type="text" value="hello" readonly />';
    $('#btn2').click(function(){
        $('p').append(add);
    });
});
</script>