2017-05-10 14 views
0

他のページのdivのIDを知っているとします。プレーンなJavaスクリプトでコンテンツをあるページから別のページにコピーできますか?コンテンツをあるページから別のページにコピーするJS

function copyPaste() { 
    var dataPage2 = 'path-to-data-div-from-page2'.innerHTML; 

    document.write ("<section id='example'></section>"); 
    document.getElementById("example").innerHTML = dataPage2; 
} 
+0

別のページの意味は? –

+0

私はあなたがこれを見ることができる薄い:http://stackoverflow.com/questions/3203530/accessing-the-content-of-other-tabs-in-browser –

+0

javascriptは、html DOMとその親/ルートスコープで実行されていますそれは文書です。したがって、一度に1つの文書に対してのみ動作することができます。 ** path-to-data-div-from-page2 **ページを読み込んで、その内容をlocalStorageに保存し、読み込み中に別のページにアクセスすることができます。 –

答えて

0

ページ1:

var pageContent = document.getElementById("myDiv1").innerHTML; 
sessionStorage.setItem("page1content", pageContent); 

ページ2:

document.getElementById("myDiv2").innerHTML=sessionStorage.getItem("page1content"); 

クレジット: https://stackoverflow.com/a/22245779/5192105

は、これは(その可能ならば)あなたの答えのための空の場所と私の関数であります
+0

あなたの答えをありがとう。両方のページを変更せずに関数を呼び出す方法はありますか? –

+0

これは、urページを変更せずにアイテムにアクセスする方法です。 –

0
function copyPaste() { 

document.write ("<div id='test' style='display:none' ></div>"); 

$("#test").load("http:url_of_web_Page #id"); 

var dataPage2 = $('#test').innerHTML; 

document.write ("<section id='example'></section>"); 
document.getElementById("example").innerHTML = dataPage2; 
} 
+0

あなたの答えをありがとうが、これは動作しません。それは "undefined"を返す –

+0

申し訳ありません...私はそれが働いていたと思った... – Subi

関連する問題