javascript - 如何在特定模型属性内容的html中用新行替换分号？

Question

我正在显示 ${xyz.names} 其中 xyz 是从弹簧控制器传递的模型属性对象。"names" 是带有分号的字符串。想用换行符替换分号，比如如果names="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>

标签： javascripthtmljsp

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>