Thymeleaf th：onclick看不到JavaScript函数

Question

我不知道该怎么办。我什么都试过了，但都没用。我想在按钮标签中使用脚本中的showBattle功能。但它似乎没有看到这个功能。

<button th:onclick="'showBattle(''+${one}+'',''+${two}+'');'">show battle</button>
<script>
function showBattle(bbx, batx) {
document.getElementById(bbx).innerHTML = document.getElementById(batx).innerText;
}
</script>

Answer 1

我试过你的代码，它对我来说很好。我能够从后端(Spring Boot(传递两个参数(一个，两个(，并使用JavaScript函数显示它们的值。

您是否检查了浏览器控制台中可能发生的任何错误？

Answer 2

我解决了这个问题。

我不知道document.getElementById的参数(必须是数字或布尔值(。

所以这很奇怪，因为HTML中的id不应该是数字或以数字开头。

我过去常常用HTML把id写成文本和数字的混合体。但在这种情况下，它引发了一个问题。