如何在Thymeleaf元素的innerHTML中使用JavaScript变量的值

Question

我在用百里香叶。我想在百里香中元素的innerHTML中使用JavaScript变量。

<script th:inline="javascript">
    /*<![CDATA[*/

    var username = /*[[${userName}]]*/'test';

    /*]]>*/
</script> 

<div id="uname" th:text=""></div>

我想将JavaScript变量username的值放入ID为<div>的{​​{1}}中。