How to handle nested iframe using javascript?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

// Access the outermost iframe
var outerIframe = document.getElementById('outerIframe');

// Access the content window of the outermost iframe
var outerIframeContent = outerIframe.contentWindow;

// Access the innermost iframe within the outermost iframe
var innerIframe = outerIframeContent.document.getElementById('innerIframe');

// Access the content window of the innermost iframe
var innerIframeContent = innerIframe.contentWindow;

// Access elements inside the innermost iframe and perform operations
var innerIframeElement = innerIframeContent.document.getElementById('innerElement');
innerIframeElement.style.color = 'red';