Question

有几个类似于我想做的例子 - 但是他们的内容形成不同，所以我无法弄清楚如何更改javascript以应用于我的项目。

我有一个HTML文件，由PHP通过JSON转储自动生成。我试着把它设计得有点漂亮。目前我有PHP脚本创建带有三个参数的HTML文件，HTML5模板包裹着刚刚被转储到正文中的内容。

这意味着内容只不过是一个我无法直接编辑的列表。因此，我很明显地使用javascript来使冒号前的所有内容变为粗体。

＆＃13;

<body>
<h2>Data</h2>
 IP: 212.141.10.200<br/>Serial: C02SQ5REEYY0<br/>Date: Sun 25 Jun 2017 13:41:07 BST<br/> 
</body>

＆＃13;

应该是

IP： 212.141.10.200

序列号： C02SQ5REEYY0

日期： 2017年6月25日星期三13:41:07 BST

Answer 1

您可以在元素的innerHTML上使用正则表达式：

var body=document.body
body.innerHTML = body.innerHTML.replace(/([a-z]+):/gi, "<b>$1</b>:");

我认为这是最简单但不是最好的解决方案。它可能会破坏您的属性。例如，<span style="font-color: #333;">将转换为<span style="font-<b>color</b>: #333;">，这是不正确的。