如何使用JavaScript通过类名获取元素，然后将逗号分割成新行？

Question

假设我有此HTML输出：

<h3 class="blog-post-title">
<a href="https://www.link1.com" class="blog-post-title-link">John Doe, MD</a>
</h3>

<h3 class="blog-post-title">
<a href="https://www.link2.com" class="blog-post-title-link">Jane Doe, MD</a>
</h3>

<h3 class="blog-post-title">
<a href="https://www.link3.com" class="blog-post-title-link">Jane Doe Smith, MD</a>
</h3>

我将如何使用简单的脚本用换行符替换逗号和空格？因此，与其看起来像这样：[John Doe，医学博士[简·多伊，医学博士简·史密斯（Jane Doe Smith），>输出为：[John Doe MD简·多伊医师简·多伊·史密斯医学博士

最后，如果要向拆分文本添加样式，以使上面的“ MD”行以不同的颜色显示，我想知道是否可以使用相同的功能，而仅使用<span>或<div>标签以包装拆分文本，而不仅仅是换行符。非常感谢您的帮助，因为我无权更改原始文本。

假设我有这个HTML输出：

John Doe, MD

Answer 1

Answer 2

将string.split与用作分隔符，然后循环输出在新行上输出每个字符串的数组。