2017-10-10 12 views
1

J'essaie de supprimer quelques onglets d'un iframe, en utilisant la fonction onload dans l'iframe lui-même pour la simplicité d'avoir tout en un seul endroit. Ne peut pas souligner assez, comme la plupart semblent négliger le fait, je veux utiliser le onload au sein de cette < iframe>Essayer de supprimer/supprimer un div à l'intérieur d'un iframe en utilisant

<iframe scrolling=no frameborder=0 src='insertwebsitehere' width=100% onload="this.height=this.contentWindow.document.body.scrollHeight;" > #document </iframe> 

Les onglets div Je veux supprimer ne pas ids spécifiques, mais les classes au lieu

  1. class="d2l-page-actions-container d2l-right"
  2. class="d2l-action-buttons"

Je pensais à ajouter quelque chose comme ça dans la fonction onload;

<iframe onload="this.height=this.contentWindow.document.body.scrollHeight;this.contentWindow.document.html.body.removeClass('insertclasshere');"> 

mais ça ne marche pas, un conseil?

Toute aide est appréciée, merci à l'avance

+0

Voir https://stackoverflow.com/a/14066534/3088508 –

+0

Capable d'élaborer sur ce que je cherche dans cela, cela s'appliquerait à ma situation? – Toreono

+0

Copie possible de [Suppression d'éléments par nom de classe?] (Https://stackoverflow.com/questions/4777077/removing-elements-by-class-name) – sniperd

Répondre

0

Essayez dans votre onload:

var elements = this.contentWindow.document.querySelectorAll('.d2l-page-actions-container.d2l-right, .d2l-action-buttons'); 
for (var i = 0; i < elements.length; i++) { 
    elements[i].parentNode.removeChild(elements[i]); 
} 

Je ne peux pas vérifier si cela va marcher dans votre iframe, mais il fonctionne dans mon document de test :

<body onload="var elements = document.querySelectorAll('.d2l-page-actions-container.d2l-right, .d2l-action-buttons'); for (var i = 0; i < elements.length; i++) { elements[i].parentNode.removeChild(elements[i]); }"> 
 
    <div class="d2l-page-actions-container d2l-right">d2l-page-actions-container d2l-right</div> 
 
    <div class="d2l-action-buttons">d2l-action-buttons</div> 
 
    <div class="otherClass">otherClass</div> 
 
</body>

+0

Merci d'avoir répondu David. Je l'ai testé, mais après avoir entré les lignes dans l'iframe, tout a disparu. Deuxième pensée, est-il possible de simplement utiliser le this.contentWindow.document.querySelectorAll ('texte') avec l'ajout d'une fonctionnalité de suppression? J'ai essayé des trucs comme ça avant, mais aucun n'a fonctionné, et je veux supposer qu'il a 'this' = 'this.content .....' où c'est removeClass ou quoi que ce soit – Toreono

+0

nvm, cela fonctionne. Juste eu une erreur dans mon codage que j'ai corrigé. Vous êtes un épargnant de vie :): P – Toreono

+0

Poster quelques autres questions si vous pouviez aider? – Toreono