JavaScript - элементы IFrame доступа

Question

мне нужно изменить стиль моего рамного элемента, однако IFrame не имеет идентификатора или класса или имени

<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'; 
} 

Что ошибка в яваскрипте функции?

Answer 1

Привет Я думаю, вы должны получить первый элемент списка узлов, см http://www.w3schools.com/jsref/met_document_getelementsbytagname.asp

Другими словами, вы должны сделать:

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

Answer 2

почему бы вам не использовать JQuery? - включить Jquery скрипты, а затем и это сразу же после

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