Faire une boucle sur l'id d'une colonne en html [Résolu]

Bonjour, je suis débutant avec javascript, et j'ai un problème surlequel j'ai passé plus qu'un jour sans trouver une solution. Le problème c'est que pour la colonne de mon tableau ( <td><input id="stsValue" th:type="text" disabled="disabled"></td> ) j'ai besoin de récuperer les 3 premiers lettres de la 4éme colonne(PART_NOTE). Mon code javascript réussit à récuperer les 3 premiers lettres sauf que j'ai pas réussi à les insérer dans les lignes de mon tableau. Est ce qu'il y'a une manière pour faire une boucle sur l'id stsValue de la deuxième colonne?

<table id="faultRequests"  class="table table-striped table-bordered table-hover">
							<thead>
								<tr class="table-info">
									<th>OP</th>
									<th>STS</th>
									<th>PART_NOTE</th>
									<th>MAND_IF</th>
									<th>PROLOG</th>
								</tr>
							</thead>
							<tbody>
								<tr id="requests" th:each="request : ${faultRequest}">
									<td th:text="${request.workpackage_linenb}">OP</td>
									<td><input id="stsValue" th:type="text" disabled="disabled"></td>
									<td id="part_note" th:text="${request.part_note}">PART_NOTE</td>
									<td th:text="${request.mand_if}">MAND_IF</td>
									<td>PROLOG</td>
								</tr>
							</tbody>
						</table>

<script th:inline="javascript">
					/*<![CDATA[*/
					var faultRequest = /*[[${faultRequest}]]*/"";
					/*]]>*/
				
				
				var part_note ="";
				var sts = "";
				var notes = [];
				//console.log(faultRequest);
				for(var i = 0; i < faultRequest.length; i++){
				 	part_note = faultRequest[i].part_note;
				 	sts = part_note.substr(0,3);
				 	notes.push(sts);
			 	}
			 		
			    	for(var i = 0; i < faultRequest.length; i++){
						document.getElementById("stsValue").value = notes[i];
				
				}
</script>