javascript - document.getElementById ("images").children[0] 到一个字符串

Question

toString() 方法将输出 [object HTMLImageElement]。我想要图像元素的字符串表示 '<img src="..." />' . outerHTML 在 firefox 中返回 undefined。

我怎样才能做到这一点？

Answer 1

outerHTML 不是跨浏览器的。

最简单的方法是克隆该元素并将其添加到父元素，然后获取该元素的 innerHTML:

var outer = document.createElement('outer'),
    child = document.getElementById(“images”).children[0].cloneNode(true);

outer.appendChild(child);

var imgHtml = outer.innerHTML;