javascript - 无法将 HTMLImageElement 转换为字符串？

Question

我正在使用 javascript 访问嵌套在某些 <div> 中的 img 元素.之后我想将这些图像添加到字符串变量中。

我是这样写的:

var SomeVariable="";
$("myDivId img").each(function(){
  console.log(this);
  SomeVariable += this;
});
console.log(SomeVariable);

当 console.log 用于 .each函数，它显示如下内容:

<img (some elements)> ，这正是我想要的。

当我使用 console.log 最后，为了写出完整的值(value)，它说:

[object HTMLImageElement][object HTMLImageElement]

我尝试使用一些转换，但我真的不知道如何进行转换。

Answer 1

假设您想要他们的 HTML 的字符串表示...

var html = $("myDivId img").clone().appendTo("<div />").html();

如果您只支持具有 outerHTML 属性的浏览器。

var html = $("myDivId img")
           .map(function() { return this.outerHTML; }).get().join("");

你得到 [object HTMLImageElement]" 的原因是因为 Object's toString()将为您提供 [object x]"，其中 x 是对象的 [[Class]](内部属性)。