Solo quiero agregar estilo en mi primer tr en mi tabla HTML interna, ¿cómo podría hacer esto?
for (i = 0; i <= years_in_months; i++) { var powint1 = compound * (Math.pow(interest, i)); powint1 = powint1.toFixed(0); var ointerest = (interest - 1)*100; ointerest = ointerest.toFixed(0); tableHTML = tableHTML + "<tr><td>" + months2[i] + "</td><td> " + ointerest + "%"+"</td><td>"+ "$"+powint1 +"</td></tr>"; document.getElementById("tdisplay").innerHTML = "<thead><tr><th>Month</th><th>Interest</th><th>Total Amount</th></tr></thead>"+ tableHTML; }Usa esto en tu css:
#tdisplay tr:nth-of-type(1) { /* Your Style*/ }Ver Selector CSS :nth-of-type()
Es posible que desee mover document.getElementById("tdisplay").innerHTML = ... fuera del ciclo
Obtuve la respuesta con la mía, solo agregué la clase y le puse el valor de i y luego hice el CSS.
tableHTML = tableHTML + "<tr class='table-"+[i]+"'><td>" + months2[i] + "</td><td> " + ointerest + "%"+"</td><td>"+ "$"+powint2 +"</td></tr>";
CSS
.table-0{background-color:yellow;}