Cadre HTML DOM / propriété IFrame contentDocument
Définition et utilisation
propriété contentDocument pour accueillir le document-cadre de l'objet HTML retourné.
Peut gérer les objets sont retournés par toutes les méthodes DOM standard.
Remarque: Pour des raisons de sécurité, le contenu du document est uniquement accessible par un autre document sous le même nom de domaine.
grammaire
frameObject.contentDocument
或者
iframeObject.contentDocument
或者
iframeObject.contentDocument
support du navigateur
Tous les principaux navigateurs prennent en charge la propriété contentDocument
!Remarque: Si vous spécifiez un DOCTYPE, Internet Explorer 8 et ultérieures prennent en charge la propriété contentDocument, utilisez l'autre version de IE contentWindow propriété.
Exemples
Exemples
exemple du navigateur montre comment modifier la couleur iframe document de référence:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.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">
<p>你的浏览器不支持iframes。</p>
</iframe>
<br><br>
<input type="button" onclick="changeStyle()" value="修改背景颜色">
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.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">
<p>你的浏览器不支持iframes。</p>
</iframe>
<br><br>
<input type="button" onclick="changeStyle()" value="修改背景颜色">
</body>
</html>
Essayez »
Structure / objets iFrame