javascript - 将大块文本拆分为单个单词

Question

我使用 JS/JQuery 从我的服务器解析一些数据，然后执行以下操作将其显示到我的网页上

document.getElementById("info").innerHTML = info_data;

这样做的结果自然是在页面上显示一个数据 block 。我希望能够进一步解析这些数据，以便每个单词都可以单独格式化/超链接，然后显示在列表中。

因为数据的大小可能是动态的，所以我不确定可以用什么方法来完成，如果有任何帮助，我将不胜感激。

到目前为止，HTML 和 CSS 非常简单，如下所示:

<div class="info_list" id="info"></div>

.info_list
{
    padding-bottom: 50px;
    color: #069;
    font-size: 20px;
}

当前示例:

Blah Blah2 Blah3 Blah4 Blah5 etc....

理想的解决方案:

<hyperlink>Blah
<hyperlink>Blah2
etc........

Answer 1

尝试

document.getElementById("info").innerHTML = info_data.replace(/([^\s]+)/g, '<a href="$1">$1</a>');

演示:Fiddle