Erstellen eines TD-Elemente innerhalb eines TR-Element mit Javascript

-3

Jedes Mal, wenn ich dieses Skript:Erstellen eines TD-Elemente innerhalb eines TR-Element mit Javascript

document.getElementById("billTable").appendChild(nextRow) 
document.getElementById("billTable").appendChild(LISTname); 
document.getElementById("billTable").appendChild(LISTprice); 
document.getElementById("billTable").appendChild(LISTremove);

Es schafft:

<tr></tr><td>L - Meat Lovers Pizza</td><td>$6.70</td><td>X</td>

Ich versuche, es zu machen, so dass die TD-Tags sind mit in der TR.

Quelle

2017-02-16 Reemor

Ich gehe davon aus 'billTable' ist die '

', wenn ja, zielen Sie auf die falsche Elkement, müssen Sie die '' – zer00ne

Ziel Sie müssen die 'td' Elemente an' tr' nicht die 'Tabelle' anhängen – jmoerdyk

Antwort

Es scheint, dass nextRow enthält das tr Element, so sollten Sie zu, dass sein anhängt, nicht die Tabelle:

nextRow.appendChild(LISTname); 
nextRow.appendChild(LISTprice); 
nextRow.appendChild(LISTremove); 
document.getElementById("billTable").appendChild(nextRow);

Quelle

2017-02-16 00:26:56 Barmar

Verwendung insert() statt

var table = document.getElementById("myTable"); 
var row = table.insertRow(0); 

var cell1 = row.insertCell(0); 
var cell2 = row.insertCell(1); 

cell1.innerHTML = "List Name"; 
cell2.innerHTML = "List Price";

Quelle

2017-02-16 00:25:41 argoden

Verwandte Themen