如何在特定模型属性内容的html中用换行符替换分号<td>？

Question

我正在显示$ {xyz.names}其中xyz是从弹簧控制器传递的模型属性对象。"名称"是具有半结肠的字符串。想要用新行替换半色，例如名称=" abc; def; ghi"，应显示为

abc
def
ghi

在下面使用JS代码但不起作用：

:
:
<td id="data1">${xyz.names}</td>
:
:
<script>
var data1=document.getElementById("data1");
document.getElementById("data1").innerHTML = data1.replace(/;/g, '<br />');
</script>

Answer 1

在分配语句中添加了 .innerHTML，现在起作用。

let data1 = document.getElementById("data1").innerHTML
document.getElementById("data1").innerHTML = data1.replace(/;/g, '<br />')

<table>
  <tr>
    <td id="data1">abc;def;ghi</td>
  </tr>
</table>

Answer 2

我使用JSTL和Scriptlet解决了此问题。无法使用脚本实现它。

<c:set var="v" value="${xyz.names}"/>   
<%String sites=(String)pageContext.getAttribute("v");  %>
<td><%  out.print(sites.replace(";", "<br>"));%></td>