Supprimer tous les iframes contenant un lien youtube

**jameson** · 22/12/2013, 21h43

Bonjour,

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

Dans un premier temps j'ai fait:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**NoSmoking** · 22/12/2013, 21h53

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

Une autre solution consiste à utiliser un boucle while.

**jameson** · 22/12/2013, 22h20

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.

**sekaijin** · 23/12/2013, 18h28

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

**NoSmoking** · 23/12/2013, 19h17

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

Supprimer tous les iframes contenant un lien youtube

JavaScript

Discussions similaires

Partager

Partager