gpt4 book ai didi

javascript - 如何获取 html 元素运行时代码来制作通用副本?就像复制文本框并输入其中的文本一样

转载 作者:行者123 更新时间:2023-12-03 11:33:33 26 4
gpt4 key购买 nike

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

这可能吗?

这是我的例子:

<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>

我希望复制的文本框与原始文本框中输入的文本一起显示。但这与文本框无关,我需要复制任何元素。我认为 innerHTMLouterHTML 保留了用户修改的内容:/

最佳答案

你可以克隆它

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;
}

关于javascript - 如何获取 html 元素运行时代码来制作通用副本?就像复制文本框并输入其中的文本一样,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26632600/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com