Nested-iframe NPM

nested-iframe

Recursively find a nested iframe

Please ★ this repo if you found it useful ★ ★ ★

Features

Asynchronously waits for iframe to load
Optional timeout
Optionally find nested iframe synchronously

Installation

npm install --save nested-iframe

Dependencies

NodeJS

Usage

Example 1

Waits for all iframes to load

The deepest iframe is returned

import nestedIframe from 'nested-iframe';

nestedIframe([
  '#parentIframe',
  '#childIframe',
  '#grandchildIframe'
]).then((grandchildIframe) => {
  grandchildIframe.contentDocument.body.innerHTML = 'Hello, world!';
});

Example 2

Optional timeout at 5 seconds

The deepest iframe that is loaded is returned

import nestedIframe from 'nested-iframe';

nestedIframe([
  '#parentIframe',
  '#childIframe',
  '#grandchildIframe'
], { timeout: 5000 }).then((grandchildIframe) => {
  grandchildIframe.contentDocument.body.innerHTML = 'Hello, world!';
});

Example 3

Optional timeout at 5 seconds

Throws an error if timeout

import nestedIframe from 'nested-iframe';

nestedIframe([
  '#parentIframe',
  '#childIframe',
  '#grandchildIframe'
], {
  timeout: 5000,
  error: true
}).then((grandchildIframe) => {
  grandchildIframe.contentDocument.body.innerHTML = 'Hello, world!';
}).catch((err) => {
  console.error(err);
});

Example 4

Does not wait for iframes to load

The deepest iframe that is loaded is returned (probably the parentIframe)

import { nestedIframeSync } from 'nested-iframe';

const grandchildIframe = nestedIframe([
  '#parentIframe',
  '#childIframe',
  '#grandchildIframe'
]);
grandchildIframe.contentDocument.body.innerHTML = 'Hello, world!';

Example 5

Does not wait for iframes to load

Throws an error if deepest iframe not loaded

import { nestedIframeSync } from 'nested-iframe';

try {
  const grandchildIframe = nestedIframe([
    '#parentIframe',
    '#childIframe',
    '#grandchildIframe'
  ], { error: true });
  grandchildIframe.contentDocument.body.innerHTML = 'Hello, world!';
} catch(err) {
  console.error(err);
}