2016-04-25 8 views
0

Hallo also ich denke, das könnte eine sehr einfache Frage sein, aber ich kann die Antwort nirgends finden.Javascript in eine Zelle der Tabelle anstelle der ganzen Seite

Ich habe eine Javascript-Funktion, die die Informationen aus der Datenbank zieht und ich versuche, es nach oben in eine Zelle einer Tabelle zu bekommen, aber es wird auf die ganze Seite

what the system is outputting

die Ausgabe

HTML
<tr> 
<td class="tg-baqh" id='Emp1'></td> 
<td class="tg-yw4l"><input type="text" placeholder="enter shift" class="form-control" id='shiftInput'></td> 
<td class="tg-yw4l"><input type="text" placeholder="enter shift" class="form-control" id='shiftInput'></td> 
<td class="tg-yw4l"><input type="text" placeholder="enter shift" class="form-control"></td> 
<td class="tg-yw4l"><input type="text" placeholder="enter shift" class="form-control"></td> 
<td class="tg-yw4l"><input type="text" placeholder="enter shift" class="form-control"></td> 
<td class="tg-yw4l"><input type="text" placeholder="enter shift" class="form-control"></td> 
<td class="tg-yw4l"><input type="text" placeholder="enter shift" class="form-control"></td> 
<td class="tg-yw4l">30/16</td> 

Die Javascript

+1

Das ist, was 'document.write' tut, es überschreibt das Dokument? – adeneo

+0

Sie müssen die Bilder von hier entfernen und den Code selbst als Teil Ihrer Frage veröffentlichen. – ManoDestra

+1

@ManoDestra Ich habe den Code hinzugefügt und die Bilder entfernt. – kelliehughesspare

Antwort

1

Die Methode document.write() ersetzt das gesamte Dokument Element, statt Sie document.getElementById oder document.getElementByClassName oder ein Elementauswahlmethode verwendet werden soll, dann replace oder append die html nur für dieses Element. Wenn Sie JQuery verwenden, können Sie Folgendes tun:

var resutlHtml = "<div>test</div>"; //this is your html response 
$('#tableId .tablecellclass').html(resultHtml); 
Verwandte Themen