Estoy escribiendo el contenido de un área de texto en un iFrame, por lo que necesito establecer la altura del elemento en la página principal para mostrarlo correctamente:

 const $iFrames = $('iframe'); function iframeLoaded(iFrameID) { const iFrame = document.getElementById(iFrameID); if (iFrame) { const height = `${iFrame.contentWindow.document.body.scrollHeight}px`; iFrame.height = ''; iFrame.height = height; console.log('height:', height); } } $iFrames.each((i, frame) => { const $frame = $(frame); const ta = $frame .next('textarea'); const doc = $(frame)[0].contentWindow.document; doc.open(); doc.write(ta.val()); doc.close(); iframeLoaded($frame.attr('id')); });

Sin embargo, en este ejemplo, la constante de height siempre es 0, pero el contenido se carga correctamente. ¿Dónde me estoy equivocando?