javascript - javascriptを使用して親ウィンドウのタイトルに基づいてiframe内のdivの表示を変更するには?

Question

この親ページには Criatweb というタイトルがあり、その中に iframe ページがあります。iframe ページ内の div の表示を変更したいのですが、タイトルが Criatweb の場合にのみ変更します。iframe ページでこれを試しましたが、成功しませんでした:

<script type="text/javascript">
if (window.parent.document.title == 'Criatweb')
{document.getElementById('customizarsite').style.display = 'none';}    
</script>

Answer 1

エラーメッセージは、要素がページにロードされる前に呼び出していることを意味します!

ドアを開ける前にドアを通り抜けるようなものです。あなたが幽霊でない限り、起こりません。

onload または onready または要素の後に呼び出す必要があります。

<div id="customizarsite">Put the script after me</div>
<script type="text/javascript">
    if (window.parent.document.title == 'Criatweb') {    
        document.getElementById('customizarsite').style.display = 'none';
    }    
</script>

Answer 2

jQueryを使用して非表示にする

<script type="text/javascript">
 if (window.parent.document.title == 'Criatweb')
 {
    $("#customizarsite").hide();
 }    
</script>