我的 HTML 中有這樣的值：
<div>{{countryname}}</div>
<div>{{countryactivity}}</div>
<div>{{countryactivitycount}}</div>
這些值已經分組并用逗號分隔，例如“Country1, Country1, Country1”
輸出如下所示：
Country1, Country1, Country1
Activity1, Activity1, Activity2
Count10, Count3, Count4
我怎樣才能讓它看起來像這樣：
| Country1 | Activity1 | Count10
| Country1 | Activity2 | Count3
| Country1 | Activity1 | Count4
我是 HTML 的新手，但似乎無法找到答案。
uj5u.com熱心網友回復：
您可以嘗試用它制作一個表格并將它們設為列，但最簡單的方法是使用 JavaScript。例如，您可以創建一個可以用“|”替換逗號的函式。
uj5u.com熱心網友回復：
僅使用 HTML 是不可能的。您需要撰寫 Javascript 來轉換它。
uj5u.com熱心網友回復：
我希望以下解決方案可以幫助您找到想法。
你可以在 HTML 中使用 .replaceAll('.',' | ')
您必須|在開始時放置靜態，其余部分,將被替換為|使用replaceAll
<div>| {{countryname.replaceAll('.',' | ')}}</div>
<div>| {{countryactivity.replaceAll('.',' | ')}}</div>
<div>| {{countryactivitycount.replaceAll('.',' | ')}}</div>
它將水平呈現資料而無需過濾/排序，但如果您想重新排列它們，則需要使用 JavaScript。
一切順利！
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/395762.html
標籤：html