Javascript 如何获取html元素运行时代码以制作通用副本？像复制文本框一样，将文本输入其中_Javascript_Html_Copy

Javascript 如何获取html元素运行时代码以制作通用副本？像复制文本框一样，将文本输入其中

javascript html

Javascript 如何获取html元素运行时代码以制作通用副本？像复制文本框一样，将文本输入其中,javascript,html,copy,Javascript,Html,Copy,我希望能够复制元素，保留用户输入、修改等的所有内容。我不想解析每个元素，比如手动设置文本框的值，手动设置单选按钮的复选框等等，我需要一些通用的方法这可能吗这就是我举的例子： <html> <head> <title>asd</title> <script type = "text/javascript"> function copyElement(elem_id,

我希望能够复制元素，保留用户输入、修改等的所有内容。我不想解析每个元素，比如手动设置文本框的值，手动设置单选按钮的复选框等等，我需要一些通用的方法

这可能吗

这就是我举的例子：

<html>
    <head>
        <title>asd</title>

        <script type = "text/javascript">
            function copyElement(elem_id, to_elem_id)
            {
                var elem = document.getElementById(elem_id);
                var container = document.getElementById(to_elem_id);

                if (!elem || !container)
                    return;

                container.innerHTML = elem.outerHTML;
            }
        </script>
    </head>
    <body>
        <input type = "text" id = "test_txt" />
        <input type = "button" value = "copy textbox" onclick = "copyElement('test_txt', 'for_elem_paste')" />
        <span id = 'for_elem_paste'></span>
    </body>
</html>


自闭症
函数copyElement（元素id，到元素id）
{
var elem=document.getElementById（elem_id）；
var container=document.getElementById（to_elem_id）；
如果（！elem | |！容器）
返回；
container.innerHTML=elem.outerHTML；
}

我希望复制的文本框显示在原始文本框中输入的文本。但这与文本框无关，我需要复制任何元素。我认为

innerHTML

和

outerHTML

保留了用户修改的内容：//

您可以克隆它

function copyElement(elem_id, to_elem_id) {
    var elem = document.getElementById(elem_id);
    var container = document.getElementById(to_elem_id);
    if (elem && container) {
        var clone = elem.cloneNode(true);
        clone.id = "some other id to prevent id duplication";
        container.appendChild(clone);
    }
    else return false;
}

啊。。。是否有任何方法可以获取包含输入内容的html代码？实际上，我计划将该代码存储在某个数组中，以便稍后将该代码分配给某个container.innerHTML，这样用户就不会丢失他输入或修改的内容。除此之外，我还想将代码保存到文件中，以便其他用户稍后可以打开它并查看第一个用户输入的内容。