用css / js检测数字或字母

Question

我想检测并设计一个特殊字母。 例如这样的事情 ：

  

body [“p”] /   体[ “2”]

我该怎么做？ 感谢

Answer 1

你不能用CSS。唯一的非元素（css创建的）pseudo-elements是::first-line和::first-letter。

但是，您可以通过DOM搜索JS并在要突出显示的字母周围创建标记。检查highlight words in html using regex & javascript - almost there了解如何执行此操作。

Answer 2

您可以在逐个节点的基础上使用相当简单的替换来执行此操作，但它不能很好地扩展。

鉴于标记：

<p>Peter Rabbit ate all of Potter's pickling cukes.</p>

如果您想在本文中为所有字母 p 添加样式，您可以选择段落节点并在任何 p 周围添加范围（假设单个段）：

var graf = document.getElementsByTagName('p')[0];
graf.innerHTML = graf.innerText.replace(/(p)/gi,'<span class="fancy">$1</span>');

那就是说，这只适用于纯文本节点;例如，如果span标记中已有p标记，那么替换它就会被删除。