Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/silverlight/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用JavaScript突出显示小写字母?_Javascript_Html - Fatal编程技术网

如何使用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
就是最好的选择。呜呜,是的,您是对的,不知道,谢谢:)