Estoy usando JavaScript para obtener un documento a través de ajax, pero lo que me gustaría hacer es filtrar el contenido recuperado por ID, en este ejemplo, "#container".
En jQuery se puede hacer así:
lightbox.load( "test.html #container" );Mi JavaScript se ve así:
let response = fetch("test.html").then(function(response) { if (response.ok) { response.text().then(function(text) { lightbox.innerHTML = text; }); } });Lo anterior es poner la respuesta de texto completa en el objeto lightbox. No estoy seguro de cómo filtrar la respuesta por el ID del #contenedor.
Puede crear un nuevo elemento HTML a partir del HTML receptor y luego buscar su contenedor .
let response = fetch("test.html").then(function(response) { if (response.ok) { response.text().then(function(text) { const template = document.createElement('template'); template.innerHTML = text; const lightBoxContent = template.content.querySelector('#container'); lightbox.innerHTML = lightBoxContent.innerHTML; }); } });Inspiración por: Creación de un nuevo elemento DOM a partir de una cadena HTML utilizando métodos DOM integrados o prototipo