Frame/IFrame contentDocumentСвойство
Объект Frame/IFrame
Определение и использование
Свойство contentDocument возвращает документ, содержащийся во фрейме, как HTML-объект.
Возвращённый объект можно обрабатывать с помощью всех стандартных методов DOM.
Примечание:По соображениям безопасности к содержимому документа может получить доступ только другой документ из того же домена.
Синтаксис
frameObject.contentDocument
или
iframeObject.contentDocument
или
iframeObject.contentDocument
Поддержка браузеров
Все основные браузеры поддерживают свойство contentDocument.
Примечание:Если указан !DOCTYPE, Internet Explorer 8 и более поздние версии поддерживают свойство contentDocument. Для других версий IE используйте свойствоcontentWindow.
Пример
Пример
Пример в браузере демонстрирует, как изменить цвет фона документа в iframe:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Пример(example.com)</title>
<script>
function changeStyle(){
var x=document.getElementById("myframe");
var y=(x.contentWindow || x.contentDocument);
if (y.document)y=y.document;
y.body.style.backgroundColor="#0000ff";
}
</script>
</head>
<body>
<iframe id="myframe" src="demo_iframe.htm.html">
<p>Ваш браузер не поддерживает iframes.</p>
</iframe>
<br><br>
<input type="button" onclick="changeStyle()" value="Изменить цвет фона">
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Пример(example.com)</title>
<script>
function changeStyle(){
var x=document.getElementById("myframe");
var y=(x.contentWindow || x.contentDocument);
if (y.document)y=y.document;
y.body.style.backgroundColor="#0000ff";
}
</script>
</head>
<body>
<iframe id="myframe" src="demo_iframe.htm.html">
<p>Ваш браузер не поддерживает iframes.</p>
</iframe>
<br><br>
<input type="button" onclick="changeStyle()" value="Изменить цвет фона">
</body>
</html>
Попробуйте сами »
Объект Frame/IFrame Другие расширения