[ad_1]
以下のように、HTMLページ間でElementの値を渡そうとしています
ページ1
<!Doctype html> <html> <body style="margin:0;padding:0"> <div style="margin-top:20px"> <p id="pid" style="margin-bottom:0;float:right;display:inline;">1001</b</p> <button id="btn1" style="display:inline;float:right;background-color:#0000FF;color:white" onclick="testJS()" >Buy Now</button> </div> <script> function testJS(){ var favoritemovie = document.getElementById('pid').value; sessionStorage.setItem("favoriteMovie", favoritemovie); window.location="buy.html"; } </script> </body> </html>
2ページ
<!Doctype html> <html> <body style="margin:0;padding:0"> <div> <form action="#" method="post"> <div > <p id="tpid"></p> </div> </form> </div> <script> function myFunc(){ var favoritemovie = sessionStorage.getItem("favoriteMovie"); document.getElementById('tpid').innerHTML = favoritemovie; } window.onload=myFunc; </script> </body> </html>
値は「1001」ではなく「未定義」と表示されます。
どこが間違っているのか教えてください。
私が試したこと:
私はそれに一日中投資しましたが、成功しませんでした。
解決策 1
テキストタグには値がありません。コンテンツを取得するには、 インナーHTML 財産:
var favoritemovie = document.getElementById('pid').innerHTML
[ad_2]
コメント