Reemplazar elemento completo en lugar de innerHTML?

Puedo hacer esto:Reemplazar elemento completo en lugar de innerHTML?

$('my-panel').innerHTML = '<p> New content </p>';

Pero si hay alguna manera de hacer algo como

$('my-panel').wholeHTML = "<div id='my-panel'><p> New Content</p></div>";

No puedo encontrar ninguna manera. Si no puedo hacer algo como esto, tendré que refactorizar un montón de cosas, lo que llevaría mucho tiempo.

Fuente

2011-08-05 Oliver

¿Qué hay de outerHTML, que incluye la etiqueta de 'todo':

$('my-panel').outerHTML = '<p> New content </p>';

http://jsfiddle.net/pimvdb/Sah2U/1/

Fuente

2011-08-05 19:45:11 pimvdb

Eh, eso funcionó. Debería haberlo intentado realmente, gracias. ¿Hay alguna lista de API en algún lugar para esto? La página que estaba viendo no hace ninguna referencia a outerHTML. – Oliver

@Oliver: No puedo encontrarlo en MDN (raro) pero MSDN tiene una buena referencia: http://msdn.microsoft.com/en-us/library/ms534310(v=vs.85).aspx. – pimvdb

Ouch, solo mirando un poco, aparentemente .outerHTML no es estándar y no funciona en algunos navegadores. – Oliver

siempre se puede obtener la parentNode etiquetas y reemplazar a su innerHTML

  $('my-panel').parentNode.innerHTML = '<p> New Content</p>'

Fuente

2011-08-05 19:46:58 blejzz

Eso funcionaría muy bien, excepto si hay más elementos secundarios del elemento primario, en cuyo caso se destruirán. – pimvdb

Esto era lo que estaba haciendo el código antes de cambiarlo. El escritor original solucionó el problema al introducir un div adicional solo para ese propósito, pero odio hacer cosas como esas. – Oliver

Se utiliza mootools, ¿derecho? puede reemplazar fácilmente el elemento, es decir:

Elements.from("<div id='my-panel'><p> New Content</p></div>").replaces($("my-panel"));

Fuente

2011-08-05 20:41:51 stecb

Oooh, eso es útil. Haré eso en el futuro. – Oliver

Y es cross browser :) – stecb

Reemplazar elemento completo en lugar de innerHTML?

Respuesta

Cuestiones relacionadas