※ ChatGPTを利用し、要約された質問です（原文：IEだけで動きません。Javascriptに関する質問です。
）
IEで動かない！Javascriptのエラーについて教えてください
このQ&Aのポイント
IEでは、bbb.jsのwindow.parent.document.getElementById('obj')で「オブジェクトがありません」とエラーが出て、動きません。
他のブラウザでは動いていますが、IEだけでエラーが発生しています。
どなたかこのエラーの原因や解決方法を教えてください。お願いいたします。
IEだけで動きません。Javascriptに関する質問です。
IEだけで動きません。Javascriptに関する質問です。
初心者です。よろしくお願いします。
下記のページを作りました。
menuをクリックすると、ページが現れるようにしています。aaa.jsで制御しています。
ページの高さがそれぞれ違うので、bbb.jsで高さを取得しています。
IEでは、bbb.jsのwindow.parent.document.getElementById('obj')で「オブジェクトがありません」とエラーが出て、動きません。
他のブラウザでは動きました。
どうしてでしょう？
悩んでいます。
どなたか教えてください。よろしくお願いいたします。
<html>
<head>
<link rel="stylesheet" type="text/css" href="main.css" media="screen,print" />
<script type="text/javascript" src="aaa.js"></script>
</head>
<body>
<div id="container">
</div>
<div id="menu">
<ul>
<li><a href="javascript:changeObj('a.htm')" title="a">a</a></li>
<li><a href="javascript:changeObj('b.htm')" title="b">b</a></li>
<li><a href="javascript:changeObj('c.htm')" title="c">c</a></li>
</ul>
</div>
</body>
</html>
***aaa.js***
/* オブジェクトの変更 */
function changeObj(html){
var contents = '<object id="obj" data="' + html + '" type="text/html"><\/object>';
window.document.getElementById('container').innerHTML = contents;
}
***main.css***
/* obj */
#obj{
visibility:hidden;
position:absolute;
right:5%;
min-width:560px;
background-color:#CCFFFF;
z-index:1;
border-style:none;
overflow:visible;
}
***a.htm***
<html>
<head>
<script type="text/javascript" src="bbb.js"></script>
</head>
<body>
<div id="page-height">
<div id="a"><!--ここにページ内容-->
</div>
</div>
</body>
</html>
お礼
回答ありがとうございます。 そういうことなのですね。 勉強不足でした。