javascript - 将 DOM 元素转换为 HTML 代码并显示在页面文本区域中？

Question

我需要从 HTML 页面中获取一些 DOM 元素并将它们的 HTML(代码)发送到同一页面上的文本区域中。目的是允许查看者将代码复制并粘贴到他们自己的页面中。

这可能吗？

我试过类似的东西(在 jQuery 中):

$('textarea').val( $('.container').html() );

我首先将需要的元素克隆到 div.container 中, 但这只是给了我类似 object #<HTMLImageElement> 的东西在我的文本区域中。我希望得到的是 <img src="http://www.domain.com/images/file.png" alt="My Image"> 之类的东西根据我克隆的元素的结构。

感谢任何指点!谢谢!

Answer 1

试试这个:

$('textarea').val( $('.container').get(0).innerHTML );