document.getElementById ("images"). children [0] в строку

Question

Метод toString () выведет [object HTMLImageElement]. Я хочу получить строковое представление элемента изображения '<img src="..." />'. externalHTML возвращает неопределенное значение в firefox.

Как мне это сделать?

Answer 1

outerHTML не является кросс-браузерным.

Самый простой способ - клонировать элемент и добавить его в родительский элемент, а затем получить innerHTML этого:

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

outer.appendChild(child);

var imgHtml = outer.innerHTML;