Supprimer tous les iframes contenant un lien youtube

Version imprimable

22/12/2013, 21h43
jameson

Supprimer tous les iframes contenant un lien youtube

Bonjour,

J'aimerais supprimer tous les iframes dans mon container qui contiennent un lien youtube.

Dans un premier temps j'ai fait:

Code:

var frame = document.getElementsByTagName("iframe")

et après je boucle en fonction de iframe.length
et je regarde si mon src contient bien youtube.

par la suite pour supprimer mon iframe je fait :

Code:

iframe[i].remove();

ce code fonctionne mais le problème c'est que des que supprime une iframe au niveau de l'index après ça ne me supprime pas les autres iframe.

Comment puis je faire. merci d'avance.

En faite mettons que j'ai 2 iframes avec youtube si je supprime iframe à l'index 1 automatiquement quand je vais vouloir supprimer l'iframe à l'index 2 celle ci n'existera pas car elle retrouvera au niveau 1 .

Merci
22/12/2013, 21h53
NoSmoking

Bonjour,
commence ta boucle par la fin, ou n'incrémente pas ton index.

Une autre solution consiste à utiliser un boucle while.
22/12/2013, 22h20
jameson

bene en faite je n'arrive pas à la faire commencer par la fin de plus j'ai réellement besoins de l'index car je créai une div au niveau de l'iframe et par la suite je supprime les iframes.
23/12/2013, 18h28
sekaijin

tu ne peux pas utilisier un incrémant dans un for pour supprimer

imagine que ton getElement te retourne 5 iframe
[i1, i2, i3, i4, i5]
fu tais un for et tu arrive sur le premier index 0 soit donc i1 il n'est pas à supprimer tu passe au suivant index 1 soit donc i2 il faut le supprimer
après suppression ta liste est
[i1, i3, i4, i5]
tu passe au suivant index 2 soit donc i4
tu as raté i3.
pire si tu continue et que tu le supprime tu obtiens
[i1, i3, i5]
et tu passe au suivant index 3 et là tu as dépassé la taille de ton tableau.
pour si peux que tu ais un test de fin de boucle pas super bien fait tu par dans un boucle infinie

il te faut utiliser un while
si l'élément et à supprimer tu supprime
sinon tu incrémente

mais tu n'incrémente pas si tu supprime de façon à rester sur le même indice.

A+JYT

On peut le faire dans une boucle for mais en partant de la fin comme cela la suppression n'a pas d'influence sur l'index en cours

exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>[...]</title>
</head>
<body>
<a href="_">Lien 1</a>
<a href="#">Lien 2</a>
<a href="_">Lien 3</a>
<a href="#">Lien 4</a>
<a href="#">Lien 5</a>
<script>
var i, tabLien = document.links;
for( i = tabLien.length-1; tabLien[i]; i--){
  if( tabLien[i].href.indexOf('#')> -1){
    tabLien[i].parentNode.removeChild( tabLien[i]);
  }
}
</script>
</body>
</html>