Доступ к iframe с DOM

Question

В следующем коде предупреждение работает нормально и печатает «DIV: IFRAME», как и следовало, однако, он сообщает, что cNs [1] .childNodes [1] .document не имеет свойств.

Html:

<div id="WinContainer"> 
<div style="display: none;"><iframe id="frame1" name="frame1"></iframe></div> 
<div style="display: none;"><iframe id="frame2" name="frame2"></iframe></div> 
</div> 

JavaScript:

var cNs = document.getElementById('WinContainer').childNodes; 
alert(cNs[1].tagName + ' : ' + cNs[1].childNodes[1].tagName); 
cNs[1].childNodes[1].document.location = 'someurl.pl'; 

НО, если я это сделать:

frame1.document.location = 'someurl.pl'; 

он работает отлично.

Answer 1

iframe DOM-узел имеет свойство, называемое contentDocument, которое будет эквивалентно document, но для этого iframe.

Если отображаемая страница находится на другом сервере tho (или даже на другом порту на том же сервере), вы получите исключение безопасности, пытающееся получить к нему доступ.

Не уверен, что это работает для IE.

Answer 2

Я не так хорошо знаком с javascript, но похоже, что вы неправильно используете cNs. Похоже, что это массив, содержащий дочерние узлы, и код

cNs[1].childNodes[1].document.location = 'someurl.pl'; 

пытается получить дочерние узлы, которых не существует. Попробуйте это, возможно, это сработает.

cNs[1].document.location = 'someurl.pl'; 

Answer 3

EDIT: frame1 должно быть:

cNs[0].childNodes[0].document.location

Помните, что вещи 0 индексируются.

Answer 4

Вы можете также ссылаться на надежную contentWindow свойство, чтобы добраться до объекта документа, который IFrame как таковой:

cNs[0].childNodes[0].contentWindow.document