如何使用JavaScript突出显示小写字母?
像这样的段落如何使用JavaScript突出显示小写字母?,javascript,html,Javascript,Html,像这样的段落 <p> This is an exaMPLe </p> 这是一个例子 如何使用Javascript突出显示不同颜色的小写字母 这是一个使用regex find/replace的快速而肮脏的解决方案 var p = document.querySelector("p"); var html = p.innerHTML; html = html.replace(/([a-z]+)/g, "<strong>$1</strong>");
<p> This is an exaMPLe </p>
这是一个例子
如何使用Javascript突出显示不同颜色的小写字母 这是一个使用regex find/replace的快速而肮脏的解决方案
var p = document.querySelector("p");
var html = p.innerHTML;
html = html.replace(/([a-z]+)/g, "<strong>$1</strong>");
p.innerHTML = html;
并定义一个CSS类,如下所示:
html = html.replace(/([a-z]+)/g, "<span class='highlight'>$1</span>");
.highlight {
background-color: yellow;
}
@Hacketo对Javascript非常陌生,检查和@Hacketo至少需要一些启动想法,这就是问题所在;感谢您的提问:)请输入所有字母,测试字母是否正确字母,然后将其环绕在一个span上以完成:如果您想通过提供背景色而不跳过空格来突出显示,则必须将正则表达式更改为this
/([a-z\s]+)/g
。但是如果你想排除空格,这个解决方案是绝对正确的:)你的正则表达式也匹配逗号。您已经定义了两次空格,一次是空格,一次是\s
,它匹配任何空格字符。如果您只想添加空格,那么/([a-z]+)/g
就是最好的选择。呜呜,是的,您是对的,不知道,谢谢:)