JavaScript kan ikke få elementer fra en iFrame

Hentning af elementer fra en iFrame kan være kompliceret proces på grund af interoperabilitet på tværs af browseren. Mens en metode kan fungere for en bruger, der får adgang til dit websted med Internet Explorer, fungerer det muligvis ikke for en brugersurfing via Mozilla Firefox-browseren. Problemet kan løses gennem metoderne "document.getElementById" og "contentWindow.document.body.innerHTML", der begge er IE og Firefox-kompatible.

1.

Opret en ny JavaScript-funktion designet til at hente elementer fra en iFrame. Dette giver dig mulighed for at kalde funktionen til spil når som helst du skal hente og udføre handlinger på visse iFrame-elementer.

funktion getIframeContent (iFrameID) {}

Udskift 'iFrameID' med ID'et til iFrame, hvorfra du vil hente data.

2.

Hent iFrame og gem det i en variabel ved at bruge "document.getElementById" metoden. Du skal dog trække iFrame i sin helhed fra din kode, før du kan adskille den i sine individuelle komponenter.

var theiFrame = document.getElementById (iFrameID);

3.

Opdel iFrame i HTML-komponenter ved at bruge "contentWindow.document.body.innerHTML" -metoden og gem koden i en variabel. Dette bryder iFrame i en matrix, hvor hvert indeks repræsenterer et bestemt element i iFrame.

var iFrameContent = theiFrame.contentWindow.document.body.innerHTML;

4.

Udfør funktioner på iFrame-elementerne ved at overføre metoder til variablen 'iFrameContent'. Den adskilte iFrame giver dig mulighed for at udføre de funktioner, du har brug for på hvert enkelt element.