getElementById別のページ

getElementByIdを使用できますが、別のページから使用できますか？getElementById別のページ

「ページ1」にボタン機能がありますが、「ページ1」から「ページ2」までのiframeにはボタンが機能しません。私はこの問題を解決するために長く努力しましたが、おそらく "ページ1"からgetElementByIdを使用して "ページ2"に入れようとする以外は解決策を見つけることはできません。

ありがとう。

出典

2016-05-29 Caesium

あなたが "2ページにiframeのページ1" とはどういう意味ですか？ボタンを含むiframeを含むウェブページを持っていると言ってもいいですか？ – darrylyeo

そのフレームのwindow.documentオブジェクトを取得する必要があります。 – jaibatrik

あなたのコードを投稿してください。 – frnt

getElementById（）を使用して要素を取得し、page2に含めるには、外部のjavascriptファイルを使用する必要があると思います。

出典

2016-05-29 03:18:44 sheetal

contentDocument私はあなたが欠けていると思います。

Page1.htmを

<html> 
<script type="text/javascript"> 
    function buttonFunction() 
    { document.getElementById("myFrame").contentDocument.getElementById("page2Elem").innerHTML="From Page 1"; 
    }; 
    function page2Function() 
    { alert("Page 2 caused this alert!"); 
    }; 
</script> 
<body> 
    <input type="button" value="click" onclick="buttonFunction();"> 
    <br> 
    <iframe id="myFrame" src="page2.htm"></iframe> 
    <div id="fromPage2">no messages</div> 
</body> 
</html>

page2.htm

<html> 
<script type="text/javascript"> 
    function callPage1() 
    { window.parent.document.getElementById('fromPage2').innerHTML='Hello from page 2'; 
    window.parent.page2Function(); 
    }; 
</script> 
<body> 
    <div id="page2Elem">Page 2 Element</div> 
    <input type="button" value="Call Page 1" onclick="callPage1();"> 
</body> 
</html>

出典

2016-05-29 03:44:28

2ページの関数を1ページ（あなたの例では）で動作させたい。ページ2には、iframeがページ1に表示されても機能しないボタンがあります。そのボタンをページ1に追加するだけで動作するかもしれません。 – Caesium

アクションが他のページの両方のページに影響を与えるように更新されました。 –

page2.htmが1ページの 'function（）'を呼び出すように再度編集しました。 –

答えて

関連する問題