Uzyskaj element DOM elementu iframe z adresem URL:

Question

Używam interfejsu API czasu zasobów w3c. window.performance.getEntriesByType ("resource"); Daje to listę zasobów, w tym ramek iframe. Jednak aby uzyskać dostęp do zasobów osadzonych elementów iframe, muszę uzyskać obiekt wydajności obiektu iframe, który wymaga od mnie odwołania do jego węzła/elementu DOM.

 var myiframe2 = $("#myiframe2"); 
     var myiframeContentWindow = myiframe2[0].contentWindow; 
     var iframeContentPerf = myiframeContentWindow.performance; 

Pytanie brzmi, jak zdobyć odniesienia węzła iframe, jeśli wszystko, co wiem jest URL iframe, który ma wszystko, co wiem (nie będę wiedzieć id iframe lub nazwę przeciwieństwie do próbki kodu powyżej).

Oprócz iteracji elementów dokumentu, a następnie filtrowania elementów iframe i porównywania adresu URL elementu iframe z interfejsem API czasu zasobów, czy istnieje prosty sposób na uzyskanie węzła DOM elementu iframe (z uwzględnieniem adresu URL elementu iframe)?

Answer 1

Jeśli URL iframe nie uległa zmianie, można postarać się go bezpośrednio z selektorów CSS używając dokładnego adresu URL:

document.querySelector('iframe[src="http://example.org"]'); 

Jeśli adres URL zmieni ale masz niepowtarzalną części na iframe (który może zidentyfikować konkretny element iframe):

document.querySelector('iframe[src*="example.org/some/url"]');