Javascript “之前的目标HTML内容:”&引用;和改变造型

Javascript “之前的目标HTML内容:”&引用;和改变造型,javascript,html,Javascript,Html,有两个例子与我想做的类似,但它们的内容形式不同,所以我不知道如何更改javascript以应用于我的项目 我有一个由PHP通过JSON转储自动生成的HTML文件。我想把它做得漂亮一点。现在,我让PHP脚本用三个参数创建HTML文件,HTML5模板包裹在刚刚被转储到主体中的内容周围 这意味着内容只不过是一个列表,其中包含我无法直接编辑的。因此,我显然在寻找javascript,以使冒号之前的所有内容都加粗 资料 IP:212.141.10.200序列号:C02SQ5REEYY0日期:2017年

有两个例子与我想做的类似,但它们的内容形式不同,所以我不知道如何更改javascript以应用于我的项目

我有一个由PHP通过JSON转储自动生成的HTML文件。我想把它做得漂亮一点。现在,我让PHP脚本用三个参数创建HTML文件,HTML5模板包裹在刚刚被转储到主体中的内容周围

这意味着内容只不过是一个列表,其中包含我无法直接编辑的
。因此,我显然在寻找javascript,以使冒号之前的所有内容都加粗


资料
IP:212.141.10.200
序列号:C02SQ5REEYY0
日期:2017年6月25日星期日13:41:07英国夏令时

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

var body=document.body
body.innerHTML = body.innerHTML.replace(/([a-z]+):/gi, "<b>$1</b>:");
var body=document.body
body.innerHTML=body.innerHTML.replace(/([a-z]+):/gi,“$1:”;
以下是一个工作示例:


我认为这是最简单的,但不是最好的解决办法。它可能会损坏您的属性。例如,
将转换为不正确的

这看起来应该可以工作,但我收到了一个错误“TypeError:null不是对象(评估'div.innerHTML')”。抱歉,刚刚意识到它需要跟踪课程内容。有一件事我注意到了,如果冒号前面有多个单词(示例中没有),它只会将最后一个单词加粗,不管怎样,在冒号之前做任何事情?@DannyShepherd您可以更改正则表达式。例如:
(/(^ |>)([^