2011-01-25 3 views
1

別のファイルから1つのファイルからjavascriptを使ってdiv IDを取得することは可能ですか?javascript経由で別の.htmlファイルへのリンク

例:

あなたはindex.htmlを編集してIDを取得したい、page2.htmlからgetElemntByIdを使用しているとしましょう。

私はあなたがdocument.getelementbyidを使用できることを理解しています。同じ文書からIDを取得したいのですが、別の文書から取得するために使用できるものはありますか?

ありがとうございます。

+1

AJAXまたはiframeを使用していると思います。 –

答えて

1

まず、page2のAJAX呼び出しを行う必要があります。

いくつかの目に見えないdivにXMLHTTPObjectの応答を貼り付けます。

次に、取得する必要なdivを取得します。

1

個人的には、両方のページに必要なコンテンツを含むインクルードファイルを作成し、両方のページにインクルードします。次に、divを表示/非表示にするだけです。

+1

divの表示を非表示にするにはどうすればよいですか? CSSのdisplay:noneを使うだけですか? –

+0

はい。私がしていることは、CSSでグローバルスタイルを作成することです.dnd {display:none!important; } JSを介してクラス属性を追加または削除します。コンテンツの量が多い場合、AJAXは達成するのが少し難しいが、行く方法かもしれないことに注意してください。 –

1

AJAXでこれをかなり簡単に行うことができます。ページ2への非同期呼び出しを行い、次に応答を処理して、探している要素を取得する必要があります。簡単なAJAX実装のためにjQueryのget()メソッドを探します。これはXMLHTTPRequestの詳細を処理します。

page2がサーバーによって提供されるページである場合、さらに簡単な解決方法は、必要な情報をページ2からサーバー側のpage1にコピーすることです。あるいは、最初からpage1に必要なすべての情報を入れることができないため、AJAX呼び出しを行う必要がある場合は、サーバーに(php、Rails、Djangoなどを使用して)異なる情報を返すようにすることができますAJAX呼び出しの場合。したがって、page2の全体を返すのではなく、必要な情報だけを返すようにすることができます。

関連する問題