为何JavaScript替换数据库输出的listord类元素中逗号的代码无效？

你的JavaScript代码存在两个关键错误：

• 方法名称错误：document.getElementsByClass是不存在的API，正确获取类名元素的方法是document.getElementsByClassName（末尾缺少Name）。
• HTML标签解析问题：使用innerText设置内容时，<br>会被当成普通文本显示，无法解析为换行标签，需改用innerHTML来渲染HTML内容。

修正后的JavaScript代码 #

let str = document.getElementsByClassName("listord");
for (var i = 0; i < str.length; i++) {
    let result = str[i].innerText.replace(/,/g, "<br>");
    str[i].innerHTML = result;
}

额外优化建议：PHP端直接处理（更高效） #

不需要依赖JavaScript，直接在PHP输出阶段就把逗号替换成<br>，页面加载完成就能直接显示正确格式，无需等待JS执行：

<td class='listord'>" . str_replace(",", "<br>", $row["OrderList"]) . "</td>

内容的提问来源于stack exchange，提问作者awhooo