Js Loop Control

Var controls = document. getElementById ("tb1_"). getElementsByTagName ('input ');

For (var I = 0; I <controls. length; I ++ ){
If (controls [I]. type = 'text '){
Controls [I]. value = brr [I];
}
}

<Table class = "table_noborder_fontleft" id = "tbtings" style = "border: 0px;">
<Tr>
<Td>
<Input type = "text" maxlength = "10" id = "sellpro1" style = "width: 68px;"/>
& Nbsp;
<Input type = "text" maxlength = "10" id = "sellpro2" style = "width: 68px;"/>
& Nbsp;
<Input type = "text" maxlength = "10" id = "sellpro3" style = "width: 68px;"/>
& Nbsp;
<Input type = "text" maxlength = "10" id = "sellpro4" style = "width: 68px;"/>
& Nbsp;
</Td>
</Tr>
<Tr>
<Td>
<Input type = "text" maxlength = "10" id = "sellpro5" style = "width: 68px;"/>
& Nbsp;
<Input type = "text" maxlength = "10" id = "sellpro6" style = "width: 68px;"/>
& Nbsp;
<Input type = "text" maxlength = "10" id = "sellpro6" style = "width: 68px;"/>
& Nbsp;
<Input type = "text" maxlength = "10" id = "sellpro7" style = "width: 68px;"/>
& Nbsp;
</Td>
</Tr>
<Tr>
<Td>
<Input type = "text" maxlength = "10" id = "sellpro8" style = "width: 68px;"/>
& Nbsp;
<Input type = "text" maxlength = "10" id = "sellpro9" style = "width: 68px;"/>
& Nbsp;
<Input type = "text" maxlength = "10" id = "sellpro10" style = "width: 68px;"/>
& Nbsp;
<Input type = "text" maxlength = "10" id = "sellpro11" style = "width: 68px;"/>
& Nbsp;
</Td>
</Tr>
</Table>