Gang/Werte von JavaScript in HTML-Seite angezeigt

Question

ich folgende JS-Code haben, die lokale Speicherung der Verwendung der ‚Name‘ angezeigt und ‚Alter‘ eingegeben zuvor:

Dieser HTML-Code zur Zeit zeigt das Datum, Uhrzeit, Name und Alter einer Person in einer Tabelle. Wie kann ich diese Werte übergeben, um in einem HTML-Formular als Etiketten statt in dieser Tabelle angezeigt zu werden? nur

HTML die Startzeit, Name und Alter zurückzubringen, werden nicht angezeigt wird:

<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

statt

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); 

tun:

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

Kurz gesagt: Sie können (und in diesem Fall sollte) einfach den gewünschten Wert hinzufügen an den Container (das DIV, Form-Feld oder whatnot)

Diese drei Zeilen beginnend mit var div (...) überschreiben jede vorherige Zeile, aber das ist eine Randnotiz.
Insgesamt sollten Sie mehr über JavaScript und/oder JQuery lesen.

Answer 2

das Formularfeld füllen Zuerst müssen Sie ein Formular-Element hinzufügen wie Eingabefeld

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); 
    } 

}