Come accedo ai contenuti di un iframe con JavaScript?

Un iframe non è altro che un documento all'interno di un altro documento. Per questo motivo esiste una procedura specifica per accedere ai suoi contenuti con JavaScript.

La procedura è la seguente:

var iframe = document.getElementById( "iframe" ); // L'iframe

var win = iframe.contentWindow; // L'oggetto window dell'iframe

// L'oggetto document dell'iframe
var doc = iframe.contentDocument ? iframe.contentDocument: iframe.contentWindow.document;

// Un elemento nell'iframe
var test = doc.getElementById( "test" );