javascript - 如何显示图像的 HTML

Question

假设我有这样一张图片:

<img src="someimage.png" alt="Image" />

我想在例如代码标签中显示该图像的 html，但我怎样才能得到它？我可以很容易地得到图像:

$('img');

但是我怎样才能获取它的 HTML 并将其附加到代码标签呢？

Answer 1

假设你有这样一个元素:

<code id="mycode"></code>

你可以这样做:

$("#mycode").append($("<div />").append($('img').clone()).html());

或者，如果您希望它半编码显示，如下所示:

var html = $("<div />").append($('img').clone()).html();
$("#mycode").append(html.replace('<','&lt;').replace('>','&gt'));​​​​​​​​​​​​​​​​​​​​​

You can give that a try here .获取 html 部分本身也以插件形式提供，here和 here , 编码，如果你需要它，你必须自己做，或者得到一个语法插件。