javascript - 未捕获的类型错误 : Cannot set property 'innerHTML' of null in phonegap

标签 javascript android jquery arrays cordova

我正在尝试使用phonegap插件在我的条形码扫描应用程序中传递由条形码扫描代码组成的数组。我收到错误“Uncaught TypeError: Cannot set property '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[]中。但我收到错误。请帮助我。我应该如何解决以下问题。我正在使用 android 的phonegap-1.4.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 ;

关于javascript - 未捕获的类型错误 : Cannot set property 'innerHTML' of null in phonegap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24401303/

相关文章:

javascript - XSRF - 如何设置跨域 cookie

java - 从系统应用程序访问/数据文件夹

javascript - iframe YouTube多个视频跟踪

PHP/JQuery - 从另一个客户端向客户端发送数据

php - 通过代码通过PHP授权

javascript - 如何访问executeSql函数之外的变量

javascript - 将适用于 php 的 REGEX 转换为 Javascript

javascript - 是否可以在 javascript 中测试 IE,而无需浏览器嗅探和条件注释?

android - 动态功能模块是否可以依赖另一个动态功能模块?

android - handleOnGetSentenceSuggestionsMultiple (SpellCheckerSession) 中的 NullPointerException