如何复制整个html元素？

Question

假设我有一些元素：

<div id="some-id" class="some-class">
   <h1>Something here</h1>
</div>

我想将整个 some-id 元素及其所有子元素一起复制到数据库中，然后在重新加载页面时将它们附加到正文中。

我试过了：

• clone（）我得到：“prevObject：jQuery.fn.jQuery.init [0]，context：undefined，constructor：function，init：function，selector：”“......”
• 克隆和JSON.stringify（），我在控制台中收到一条警告和一条错误：

'Attr.ownerElement'已弃用，已从DOM4（http://w3.org/tr/dom）中删除。 未捕获的TypeError：将循环结构转换为JSON

我可以使用什么来结束我可以放入数据库并重新使用它的元素的html结构？

Answer 1

如果你想坚持html结构，那么你需要使用它的html字符串，你不能将dom引用字符串化。可以保存html字符串，稍后可以将其用于追加到dom。

var string = $('#some-id')[0].outerHTML

Answer 2

使用outerHTML：

document.getElementById('some-id').outerHTML

Answer 3

jQuery clone应该可以胜任。试试这个：

var elem = $('#some-id');
var clone = elem.clone();

此外，为什么要将它保存到数据库？