La proprietà embeds di Javascript
La proprietà document.embeds in Javascript mi fornisce un accesso diretto a tutti gli elementi <embed> presenti in una pagina web.
document.embeds
Si tratta di una proprietà dell'oggetto document.
La proprietà document.embeds è una collezione che contiene tutti gli elementi <embed> della pagina.
E' una sorta un array che contiene tutti i nostri elementi incorporati. Questo ci permette di manipolarli facilmente con JavaScript.
Nota. Gli elementi <embed> sono usati per incorporare contenuti come video, audio, applicazioni interattive, e altri media all'interno di un documento HTML.
Ecco un esempio di codice HTML.
<!DOCTYPE html>
<html>
<body>
<p>Un esempio di pagina web</p>
<embed type="video/webm" src="video_gatti.webm" width="400" height="300">
<embed type="application/x-shockwave-flash" src="animazione_gatti.swf" width="400" height="300">
<script>
let num = document.embeds.length;
document.write(num);
</script>
</body>
</html>
In questo esempio, ci sono due elementi <embed>, uno per un video e l'altro per un'animazione flash.
Lo script accede alla proprietà document.embeds e legge l'attributo length.
In altre parole, accede al numero di elementi <embed> presenti nel documento e lo stampa. In questo caso sono due.
2
Altri esempi
Posso usare la proprietà embeds anche per accedere a un singolo elemento <embed>.
Ad esempio, per accedere al primo elemento <embed> utilizzo l'indice 0, poiché in javascript gli array iniziano da 0.
var primoEmbed = document.embeds[0];
Una volta selezionato l'embed, posso cambiare la sua dimensione.
primoEmbed.width = "500"; // Larghezza
primoEmbed.height = "400"; // Altezza
In altre parole posso sia leggere che modificare gli attributi dell'embed che ho selezionato.
Questo è il modo base in cui document.embeds può essere utilizzato per interagire con i contenuti incorporati in una pagina web.
E così via.