Как использовать outerHTML в JavaScript?

Ответ 1

function getHTML(node){
    if(!node || !node.tagName) return '';
    if(node.outerHTML) return node.outerHTML;

    // polyfill:
    var wrapper = document.createElement('div');
    wrapper.appendChild(node.cloneNode(true));
    return wrapper.innerHTML;
}

Ответ 2

outerHTML - это HTML элемента, включающего сам элемент. Сравните это с innerHTML элемента, который является HTML, содержащимся в тегах открытия и закрытия элементов. По определению элементы без обоих открывающих и закрывающих тегов не имеют innerHTML.

Используйте outerHTML, когда вы хотите полностью заменить элемент и его содержимое. Используйте innerHTML, когда вы хотите заменить содержимое элемента.

Ответ 3

outerHTML - это нестандартное свойство Internet Explorer для элемента. Он возвращает html элемента и его дочерние элементы. В некоторых случаях его можно установить, чтобы полностью заменить элемент на строку html.

Ответ 4

Возможно, посмотрите на jQuery и его функции prepend() и append().

http://api.jquery.com/append/

http://api.jquery.com/prepend/

Должен работать во всех браузерах.

Кроме того, этот плагин:

http://yelotofu.com/2008/08/jquery-outerhtml/

Это должно охватывать получение и настройку.

http://api.jquery.com/html/

Вы получите содержимое внутри элемента.

Ответ 5

Большинство наиболее популярных браузеров поддерживают outerHTML. Исключение составляет Firefox. Для получения дополнительной информации о поддержке браузера outerHTML посетите http://www.quirksmode.org/dom/w3c_html.html.

Если вы можете добавить jQuery на свою страницу, я рекомендую включить плагин jQuery outerHTML.