未捕獲的TypeError：無法在phonegap中將屬性'innerHTML'設置為null

Question

我正在嘗試使用phonegap插件通過條形碼掃描應用程序中的條形碼掃描代碼組成的數組。 我收到一個錯誤“未捕獲的TypeError：無法將屬性'innerHTML'設置為null”。 在以下代碼中，我使用了var k=0; 並聲明了一個數組var code= new Array(100); 在之前的javascript文件中。

這是我的html文件

<!doctype html>
<html>
<head>
<script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script>
<script type="text/javascript" src="barcodescanner.js"></script>
  <script type="text/javascript" src="main.js"></script>
    </head>
   <body>
     <p />
      <p />
         <div  ng-controller="controller">
     <table ng-repeat="result in results">
                <tr>
                    <td>
                      S.No
                    </td>
                    <td >
                    Barcode
                    </td>

                </tr>
                <tr>
                    <td >
                       1
                    </td>
                    <td
                  id="d">
                  </td>                       
                </tr>
                <tr>
                    <td >
                       2
                    </td>
                    <td
                       id="code[0]">
                    </td>
                </tr>
                <tr>
                    <td >
                       3
                    </td>
                    <td
                        id="code[1]">
                    </td>
                    </tr>
        <tr><td><input class="butt" type="button" value="New Scan" onclick="scanCode();" /></td></tr>
            </body>
     <script type="text/javascript">
       var barcodeVal = localStorage.getItem("myvalue");
       document.getElementById("d").innerHTML = barcodeVal;
       </script>
    <script type="text/javascript">
        var scanCode = function () {
         window.plugins.barcodeScanner.scan(
           function (result) {

               alert("Scanned Code: " + result.text + ". Format: " + result.format + ". Cancelled: " + result.cancelled);
              localStorage.setItem("myvalue1", result.text);
              window.location.href = 'page5.html';

          }, function (error) {
              alert("Scan failed: " + error);
          });
  }
      </script>
      <script type="text/javascript">
      var barcodeVal = localStorage.getItem("myvalue1");
       document.getElementById("code[k]").innerHTML = barcodeVal;
        k=k+1;
      </script>
    </html>

在下面的代碼中，我嘗試一次又一次地掃描條形碼並將值存儲在數組code[] 。 但是我得到了錯誤。 請幫助我。 我應該如何解決以下問題。我正在使用phonegap-1.4.1和android的條形碼掃描插件。

Answer 1

豌豆變化：

   <script type="text/javascript">

//space in bas codeVal--is wrong
          var bar codeVal = localStorage.getItem("myvalue1");
           document.getElementById("code[k]").innerHTML = barcodeVal;
            k=k+1;
          </script>

至：

 <script type="text/javascript">
      var barcodeVal = localStorage.getItem("myvalue1");
      document.getElementById("code[0]").innerHTML = barcodeVal ;
       k=k+1;
   </script>

如果您的code是數組，則使用以下code ：

document.getElementById(code[index]).innerHTML = barcodeVal ;

Answer 2

改變這個

document.getElementById("code[k]").innerHTML = barcodeVal;

至

document.getElementById(code[k]).innerHTML = barcodeVal;

因為code是數組，所以您嘗試使用其索引獲取元素。

未捕獲的TypeError：無法在phonegap中將屬性'innerHTML'設置為null

問題描述

2 個解決方案

解決方案1
1 已采納 2014-06-25 06:11:28

解決方案2
1 2014-06-25 06:12:10

未捕獲的TypeError：無法在phonegap中將屬性&#39;innerHTML&#39;設置為null

問題描述

2 個解決方案

解決方案1 1 已采納 2014-06-25 06:11:28

解決方案2 1 2014-06-25 06:12:10

未捕獲的TypeError：無法在phonegap中將屬性'innerHTML'設置為null

解決方案1
1 已采納 2014-06-25 06:11:28

解決方案2
1 2014-06-25 06:12:10