Faire une boucle sur l'id d'une colonne en html

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>