Foros del Web » Programando para Internet » Javascript »

Parsear html almacenado en variable

Estas en el tema de Parsear html almacenado en variable en el foro de Javascript en Foros del Web. ¡Hola a todos!, espero que se encuentren de lo mejor hoy. Me gustaría saber si existe alguna forma de parsear el código html que tengo ...
  #1 (permalink)  
Antiguo 09/10/2019, 17:42
 
Fecha de Ingreso: julio-2015
Ubicación: Distrito Federal
Mensajes: 97
Antigüedad: 9 años, 4 meses
Puntos: 2
Parsear html almacenado en variable

¡Hola a todos!, espero que se encuentren de lo mejor hoy.

Me gustaría saber si existe alguna forma de parsear el código html que tengo almacenado en una variable, es decir, en una variable cualquiera tengo código html como string, sin embargo no puedo trabajar con él con las funciones comunes. Ejemplo:

Código Javascript:
Ver original
  1. let content = '<div class="wrap"><header>barra de navegación</header><div id="content">gdfgdfgdgdf</div></div>';
  2.  
  3. document.getElementById('container').innerHTML = content.getElementById('content');

me tira un error en consola, entonces me gustaría saber si hay forma de trabajar el html de esa variable de forma nomal.

Gracias de antemano.
  #2 (permalink)  
Antiguo 10/10/2019, 08:26
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 10.106
Antigüedad: 16 años, 3 meses
Puntos: 2237
Respuesta: Parsear html almacenado en variable

.getElementByID() no es un método que puedas usar en cadenas, solo en el DOM. Entonces, no puedes utilizarlo con una variable, simplemente porque el contenido de la variable no forma parte del DOM.

Si lo único que quieres es que el html de content sea parte de container, solo asigna:

Código Javascript:
Ver original
  1. let content = '<div class="wrap"><header>barra de navegación</header><div id="content">gdfgdfgdgdf</div></div>';
  2.      
  3.     document.getElementById('container').innerHTML = content;
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 10/10/2019, 13:26
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años, 6 meses
Puntos: 834
Respuesta: Parsear html almacenado en variable

Prueba DOMParser:
Código:
<script>
var txt='<div class="wrap"><header>barra de navegación</header><div id="content">gdfgdfgdgdf</div></div>';
parser = new DOMParser();
htmlDoc = parser.parseFromString(txt,"text/html");
alert(htmlDoc.getElementById('content').innerHTML);
</script>

Etiquetas: almacenado, funcion, header, html, parsear, var, variable
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:18.