How to get all nested iframes on document?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

// Get all iframes on the document
const iframes = document.querySelectorAll('iframe');

// Function to get all nested iframes
function getAllNestedIframes(iframes) {
  let nestedIframes = [];

  iframes.forEach(iframe => {
    nestedIframes.push(iframe);

    // Get all iframes within the current iframe
    const nested = getAllNestedIframes(iframe.contentDocument.querySelectorAll('iframe'));
    nestedIframes = nestedIframes.concat(nested);
  });

  return nestedIframes;
}

// Call the function to get all nested iframes
const allNestedIframes = getAllNestedIframes(iframes);

// Log the nested iframes
console.log(allNestedIframes);