Parsear html almacenado en variable

[Silenn]

¡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:

let content = '<div class="wrap"><header>barra de navegación</header><div id="content">gdfgdfgdgdf</div></div>';
 
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.

[Triby]

.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:

let content = '<div class="wrap"><header>barra de navegación</header><div id="content">gdfgdfgdgdf</div></div>';
     
    document.getElementById('container').innerHTML = content;
 

[Panino5001]

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>