Javascriptのエラーヌルの「プロパティを設定することはできません『の値』」

-1

<body onload="UserAction()"> 


<form action="student" id="add" align="center"> 
    Rollno:<input type="text" name="rollNo" id="rollNo"><br> 
    Name: <input type="text" name="name" id="name"><br> 
    <br> 

<script type="text/javascript" language="javascript"> 
     function UserAction() { 

      var rollNo = parseInt(localStorage.getItem("rollNo")); 
      document.write(rollNo); 
      document.getElementById("rollNo").value = rollNo; 
     } 
</script>

rollNo値が印刷されますが、それは私にエラーを与えるテキストボックスに代入している。Javascriptのエラーヌルの「プロパティを設定することはできません『の値』」

出典

2017-07-04 Adib Rajiwate

あなたはときにページから全体のHTMLを交換しましたあなたのrollNoが言う場合には、

document.write(rollNo);

を行う10、あなたが

を取得します UserAction()関数が呼び出されたときにブラウザに表示される10

したがって、次の行document.getElementById("rollNo")がidの要素をrollNoとして見つけられるように、この行document.write(rollNo);を削除する必要があります。だから、

function UserAction() { 
 
      //get roll no from localstorage 
 
      var rollNo = 10; 
 
      document.getElementById("rollNo").value = rollNo; 
 
    }

<body onload="UserAction()"> 
 

 

 
<form action="student" id="add" align="center"> 
 
    Rollno:<input type="text" name="rollNo" id="rollNo"><br> 
 
    Name: <input type="text" name="name" id="name"><br> 
 
    <br> 
 
</form> 
 
    
 
</body>

、なりUserAction()そして要素がdocument.getElementById("rollNo")によって検出され、このようにあなたは"Cannot set property 'value' of null'

出典

2017-07-04 07:09:03

実際に私は変数の内容をテストするためにdocument.write（）を書いたので、これを無視します –

は、次の行で機能を交換してみてくださいエラーを取得することはできません。

function UserAction() { 
     var rollNo = parseInt(localStorage.getItem("rollNo")); 
     document.getElementById("rollNo").value= rollNo; 
    }

あなたがコミットしている間違いは、その特定の入力フィールドの代わりにロール番号を使用して本文全体を配置します。

本文全体がlocalstorageのロール番号に置き換えられているため、idが 'rollNo'の要素がないため、nullのプロパティ 'value'を設定できません。

出典

2017-07-04 07:10:48

Javascriptのエラーヌルの「プロパティを設定することはできません 『の値』」

答えて

関連する問題

Javascriptのエラーヌルの「プロパティを設定することはできません『の値』」