HTML5 table 行动态添加数据

Question

我在 phonegap 中创建了一个应用程序，我在其中显示数据库 w 中某个人的出生日期详细信息。详细信息存储在 localstorage 中。但是当我试图在 table 中显示详细信息时，它不起作用。如果有人可以提供帮助，请帮助。我在下面给出我的代码。 =13=]

</head> 
<body onload="onLoad();">    
<div class="app">
<label id="naming">Saved Data</label>
<br>
<br>
<table id="myTable" border="1" style="width:100%">
<thead>
<tr>
<th>Full details</th>
</tr>
</thead>
<tr id="first">
    <td>First Name</td>   
     <td id="tbfn">First Name</td>   
  </tr>
<tr id="middle">
    <td>Middle Name</td>
    <td ></td>         
  </tr>
<tr id="last">
    <td>Last Name</td> 
    <td ></td>        
  </tr>
<tr id="day">
    <td>Day of birth</td>
    <td></td>         
  </tr>
<tr id="month">
    <td>Month of Birth</td> 
    <td></td>        
  </tr>
<tr id="year">
    <td>Year of Birth</td> 
    <td></td>        
  </tr>
</table>
</div>

<script type="text/javascript" src="cordova.js"></script>        
<script type="text/javascript" src="js/index.js"></script>

<script type="text/javascript">
  app.initialize();
function onLoad() {
    var table = document.getElementById("myTable");   
   document.getElementById("tbfn").innerHTML = localStorage.getItem('fnm');
}
</script>  
</body>
</html>

Answer 1

当你用一个简单的字符串替换 localStorage.getItem('fnm') 时，这非常有效

document.getElementById("tbfn").innerHTML = 'John';

JSFiddle

所以，问题出在其他页面中没有填充localStorage。这意味着，您必须检查 fnm 的值，例如

var fnm = localStorage.getItem('fnm');
console.log('fnm=' + fnm);

并在应该设置值的其他页面中查找错误。

HTML5 table 行动态添加数据

HTML5 table row adding data dynamically

html

html-table

tablerow

cordova