我使用 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........
最佳答案
尝试
document.getElementById("info").innerHTML = info_data.replace(/([^\s]+)/g, '<a href="$1">$1</a>');
演示:Fiddle
关于javascript - 将大块文本拆分为单个单词,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21086917/