未捕获的类型错误：无法在 phonegap 中设置 null 的属性“innerHTML”答案

【问题标题】：Uncaught TypeError: Cannot set property 'innerHTML' of null in phonegap未捕获的类型错误：无法在 phonegap 中设置 null 的属性“innerHTML”
【发布时间】：2014-06-25 14:35:47
【问题描述】：

我正在尝试使用 phonegap 插件在我的条形码扫描应用程序中传递一个由条形码扫描代码组成的数组。我收到错误“未捕获的 TypeError：无法设置属性 'innerHTML' of null ”。在下面的代码中，我使用了 var k=0; 并在之前的 javascript 文件中声明了一个数组 var code= new Array(100);。

这是我的 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 的条形码扫描插件。提前致谢。

【问题讨论】：

document.getElementById("code[k]")k 不是字符串
document.getElementById("code[k]").innerHTML = barcodeVal;错了
那么我应该如何定义它以便我可以将详细信息存储在该数组中。请帮助我
你的代码中的 k 是什么？
我在之前的 javascript 中将 k 定义为一个变量，它的初始值定义为 0。每次扫描后，我将其值增加 1。

标签： javascript android jquery arrays cordova

【解决方案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 是一个数组，那么使用如下：

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

【讨论】：

让我们continue this discussion in chat。
我认为您想打印表格中的每个扫描值。我可以吗？
是的，我得到了barcodeval。我用我的数组代码和在不同的 html 中定义的 var k 尝试了以下代码。 var barcodeVal = localStorage.getItem("myvalue1");代码[k] = "代码[k]"; document.getElementById(code[k]).innerHTML = barcodeVal; k = k + 1; ..但它没有用，我的价值观没有打印出来。
localStorage 只支持字符串。使用 JSON.stringify() 和 JSON.parse()。
有关解决方案检查的更多信息：stackoverflow.com/questions/3357553/…

【解决方案2】：

改一下

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

到

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

因为code 是一个数组，而您正在尝试使用它的索引来获取元素。

【讨论】：

我更改了以下内容，但我收到未定义数组的错误。我在之前的 javascipt 文件中将数组声明为 var code= my Array(100);请帮忙
为什么不在同一个文件中定义呢？
如果我在同一个文件中定义它，因为我一次又一次地调用 html 文件，它会重写整个数组。我不希望这种情况发生。
您是否将此文件包含在上一个文件中？
勾选此项以访问其他js文件stackoverflow.com/questions/5242050/…中定义的数组