javascript - 如何在不修改html内容的情况下,为特定部分的文字加高亮?
黄舟
黄舟 2017-04-11 12:03:05
[JavaScript讨论组]

比如有如下一段代码:

我是第一段

我是第二段

我是第三段

我从后端获取了数据,告知我要将第二个p标签内的后三个字符进行高亮,就是类似划个荧光黄线那样。
我知道可以通过定位,然后加span标签的形式去做。
但是现在这种形式不行,我们希望压根不要修改这段html代码?

请问还有什么方式可以实现这样的效果?
多谢

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(13)
PHP中文网

样式是CSS控制,你总得让CSS选择到你要改变样式的地方,一端纯文字不加任何辅助的标签,怎么选择到其中的某些字符?

黄舟

定位,你想多了。。。
定位怎么写,绝对定位?怎么找到你要的那个P,如果让你给整个页面所有的P都这样做呢

大家讲道理

css应该没有伪元素能够选择任意的字符。
如果把每一个字符都加上标签的话,应该可以用nth伪类来完成你要的效果。

怪我咯

让后端给一个标识符,让你可以直接css选择

伊谢尔伦

没有,谢谢。

黄舟

但是现在这种形式不行,我们希望压根不要修改这段html代码?

就是说通过JS修改html代码,都不可以吗?如果这个都禁止的话,那么我还真没有办法了

ringa_lee

用正则匹配到高亮的字符替换成带html标签的同样字符,用css控制

高洛峰

学习了很多,不知道接下来我能不能搞定技术的

PHP中文网

::before
::after

PHP中文网

是不是取出来的数据是html的形式也就是富文本,你能确定数据就这三个p标签。如果可以确定,用js处理就是比较麻烦。我觉得有点得不偿失

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号