Skip to main content

Línea de tiempo para Cómo convertir texto a elemento DOM

Licencia actual CC BY-SA 4.0

8 eventos
cuándo alternar formato qué por licencia comentario
el 20 feb. 2023 a las 9:56 comentario añadido OscarGarcia En el ejemplo del OP no hay nodo contenedor. Presupone que su variable code es directamente el nodo <p> de su cadena de caracteres. Lo que posteriormente intenta es hacer una llamada a document.body.appendChild(code); que falla (por los motivos explicados en mi respuesta) y nunca se agrega al documento. Pero incluso si funcionara su código, body no se consideraría su nodo contenedor (el nodo que debe contener el HTML para que puedan generarse los elementos Element), si no su padre.
el 20 feb. 2023 a las 9:46 comentario añadido Yussef El nodo contenedor en el ejemplo del OP es document.body, y en efecto, en la práctica sería lo mismo que usar innerHTML, estamos 100% de acuerdo de la inutilidad del mismo para el problema en cuestión. Mi comentario anterior, es solo una pequeñísima acotación, de que si es posible crear un nodo a partir de un texto.
el 20 feb. 2023 a las 9:20 comentario añadido OscarGarcia @Yussef, para poder usar insertAdjacentHTML() debes proporcionar un nodo contenedor y eso tendría exactamente el mismo efecto colateral que usar innerHTML: la necesidad de usar un elemento contenedor. Y, de nuevo, debes usar firstChild (por ejemplo) para acceder al elemento creado y, en caso de que sean varios hermanos, otra vez pierde sentido.
el 20 feb. 2023 a las 9:12 comentario añadido Yussef Una pequeña aclaración, si existe una función que convierte texto a nodos insertAdjacentHTML. Lamentablemente los inserta directamente sin retornar los nodos resultantes
el 20 feb. 2023 a las 6:51 comentario añadido OscarGarcia No, no hay ninguna función nativa que convierta un código HTML a un nodo, ya que se supone que todo HTML debería estar contenido siempre por un elemento superior y, además, tu código HTML podría contener dos o más elementos hermanos (en tu caso solo tienes uno, pero podrías tener más) y en ese caso no tendría lógica la función.
el 20 feb. 2023 a las 3:19 votar aceptar NinjaGamer
el 20 feb. 2023 a las 3:18 comentario añadido NinjaGamer Donde esta el //comentario se supone que debería haber un código que convierte la variable a un nodo html, pero no hay ninguna función que satisfaga la necesidad? O solo se puede de la manera (forzosa) que sería creando un elemento nodo?
el 19 feb. 2023 a las 17:46 historial respuesta OscarGarcia CC BY-SA 4.0