Thymeleaf th：每个javascript DOM操作都会导致奇怪的错误

我有一个简单的胸腺：每个环看起来像这样：

<div class="list-group-item" th:each="scenarioList, scenarioIndex : ${allScenarios}">
  <button type="button" class="btn btn-dark d-inline-block" th:id="'path_'+${scenarioIndex.index}">Button</button>
  .
  .
  .  
</div>

<script th:inline="javascript">
        /*<![CDATA[*/
        var allScenarios =  /*[[${allScenarios}]]*/ null;
        for (var i = 0; i < 5; i++){
            var path = allScenarios[i].path;
            path = path.slice(0, path.lastIndexOf('\\'));
            document.getElementById("path_" + i).innerText = path;
        }
        /*]]>*/
</script>

按钮
.
.
.  

我需要在Javascript函数中为按钮提供适当的内部文本，因为需要进行一些拼接。它看起来像这样：

<div class="list-group-item" th:each="scenarioList, scenarioIndex : ${allScenarios}">
  <button type="button" class="btn btn-dark d-inline-block" th:id="'path_'+${scenarioIndex.index}">Button</button>
  .
  .
  .  
</div>

<script th:inline="javascript">
        /*<![CDATA[*/
        var allScenarios =  /*[[${allScenarios}]]*/ null;
        for (var i = 0; i < 5; i++){
            var path = allScenarios[i].path;
            path = path.slice(0, path.lastIndexOf('\\'));
            document.getElementById("path_" + i).innerText = path;
        }
        /*]]>*/
</script>

/*乍一看，我并没有发现代码有任何明显的错误，尽管我只是看了一眼。您可以发布由Thymeleaf代码生成的HTML和Javascript吗？也许可以在浏览器的调试器中通过Javascript来确认它试图设置的内容？第一个按钮：
\conf\
第二个按钮：
按钮
，因此它们实际上看起来是一样的。然后在js控制台中：
document.getElementById（“path_0”）.innerText=“test”。第一个按钮变了<代码>文档.getElementById（“路径_1”）.innerText=“测试”。第二个按钮不会被更改。。。这真是奇怪的行为。