geçen/HTML sayfasına bir JavaScript değerleri gösteren

Question

önce girilen kullandığım yerel depolama 'adını' ve 'yaş' görüntülemek için aşağıdaki JS kodu var:

Bu HTML kodunu şu anda tarih, saat, adını görüntüler ve bir kişinin bir tablodaki yaşı. Bir HTML formunda görüntülenecek bu değerleri bu tablo yerine etiket olarak nasıl iletebilirim?

HTML sadece başlangıç ​​zamanı geri getirmek, isim ve yaş sergilenmektedir değildir:

<div id="history_list"></div> 
    <div id="name"> </div> 
    <div id="age"></div> 

JS:

function loadHistoryList() { 

     for(var i = numberOfHistory; i >= 1; i--) { 
      var historyData = new historyElement(db.getItem(i.toString())); 

      if(historyData === null) { 
       console.error('error'); 
       continue; 
      } 
      $('#history_list').append(historyData.startTime); 
      $('#name').append(historyData.name); 
      $('#age').append(historyData.age); 
     } 
    } 

Answer 1

yerine

var div = '<div id="history_element"><div id="element_title">' + historyData.startDate + '&nbsp;&nbsp;&nbsp;' + historyData.startTime + '</div><table>'; 
var div = '<div id="name"><tr><td>name: </td><td>' + historyData.name+ '</td></tr>'; 
var div = '<div id="age"><tr><td>age: </td><td>' + historyData.age+ '</td></tr>'; 

div += '</table></div>'; 

$('#history_list').append(div); 
$('#name').append(div); 
$('#age').append(div); 

yapın: Kısacası

$('#history_list').append(historyData.startTime); 
$('#name').append(historyData.name); 
$('#age').append(historyData.age); 

: sizin (ve bu durumda olmalı) sadece istenen değeri ekleyebilir kapsayıcıya (DIV, Form alanı veya node)

var div (...) ile başlayan üç satır, önceki her satırın üzerine yazılır, ancak bu bir yan nottur.
Genel olarak, JavaScript ve/veya JQuery hakkında daha fazla bilgi edinmelisiniz.

Answer 2

Önce bir form öğesi eklemek zorunda form alanını doldurmak için giriş alanına gibi

HTML

<div id="history_list"> 
</div> 
<input type="text" id="name" name="name"> 

JS

function loadHistoryList() { 

for(var i = numberOfHistory; i >= 1; i--) { 
     var historyData = new historyElement(db.getItem(i.toString())); 

     if(historyData === null) { 
      console.error('error'); 
      continue; 
     } 
     $('#name').val(historyData.name); 
    } 

}