Cómo usar outerHTML en JavaScript?

Question

¿Cómo se usa outerHTML en JavaScript? Gracias

Answer 1

El outerHTML es el HTML de un elemento que incluye el elemento en sí. Contraste esto con el innerHTML del elemento, que es el HTML contenido dentro de las etiquetas de apertura y cierre de los elementos. Por definición, los elementos sin ambas etiquetas de apertura y cierre no tienen innerHTML.

Use outerHTML cuando desee reemplazar por completo un elemento y su contenido. Use innerHTML cuando solo desee reemplazar el contenido del elemento.

Answer 2

outerHTML es una propiedad de Internet Explorer no estándar de un elemento. Devuelve el html del elemento y sus elementos secundarios. En ciertos casos, se puede configurar para reemplazar por completo un elemento con una cadena html.

Answer 3

Quizás vea jQuery y sus funciones prepend() y append().

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

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

debería funcionar en todos los navegadores.

Además, este plugin:

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

Eso debería cubrir la obtención y configuración.

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

le conseguirá contenidos dentro de un elemento.

Answer 4

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; 
} 

Answer 5

La mayoría de los navegadores más populares son compatibles con outerHTML. Firefox es una excepción. Para obtener más información acerca del soporte externo del navegador HTML, visite http://www.quirksmode.org/dom/w3c_html.html.

Si puede agregar jQuery a su página, le recomiendo que incluya el complemento jQuery outerHTML.