【解決方法】sessionstorage で undefine エラーが発生するのはなぜですか?

プログラミングQA

[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]

コメント

タイトルとURLをコピーしました