Javascript - Elemente Zugang iframe

Question

Ich brauche den Stil meines Rahmenelementes zu ändern, jedoch hat die iframe keine ID oder Klasse oder Namen

<div id="A"> 
     <iframe src="iframe-left.html"> 
      <div class="login" style="display : none;"> </div> 
     </iframe> 
</div> 
<div id="B"> 
    <iframe src="iframe-right.html"> 
     <button onclick = "execute()">Submit</button> 
    </iframe> 
</div> 

function execute() 
{ 
    parent.document.getElementsByTagName("iframe").contentDocument.querySelector(".login").style.display = 'block'; 
} 

Was ist der Fehler in der JavaScript-Funktion?

Answer 1

Hallo Ich glaube, Sie haben das erste Element der Knotenliste zu bekommen, sehen http://www.w3schools.com/jsref/met_document_getelementsbytagname.asp

Mit anderen Worten: Sie tun müssen:

parent.document.getElementsByTagName("iframe")[0].contentDocument.querySelector(".login").style.display = 'none'; 

Answer 2

warum Sie jQuery nicht verwenden? - umfassen jquery Skripte und dann und dieses Recht nach

<script> 
$('iframe').hide(); 
</script>