猿问

javascript如何替换一个标签里面的多处字符串,并展示在页面上

现在页面上有一组标签,类似下面这样的

现在已知一组数据,如下所示:

[
    {        "bgColor": "#ffff66",        "startNum": 10,        "endNum": 15,        "tagNum": 1,        "text": "以在这里面"
    },
    {        "bgColor": "#ccc",        "startNum": 3,        "endNum": 8,        "tagNum": 1,        "text": "个p标签,"
    }
]

这组数据中各个字段的意思如下:
tagNum:表示在当前页面下,也就是在body下面的第几个标签
startNum:表示这个标签里面的一段文字的开始位置
endNum:表示这个标签里面的一段文字的结束位置
text:表示这个标签中需要匹配的内容
bgColor:表示需要替换的文字外围的标签颜色

最终希望得到的效果如下所示:

    <body>
        <p>我是一<span class="color: ccc">个p标签</span>,我可<span class="color: ffff66">以在这里面</span>写很多字。我是一个p标签,我可以在这里面写很多字。我是一个p标签,我可以在这里面写很多字。我是一个p标签,我可以在这里面写很多字。</p>
        <p>我只是一个标签</p>
        <p>我只是一个标签</p>
    </body>

多谢各位的解答


智慧大石
浏览 815回答 1
1回答
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答