脚本或CSS以加粗所有CAPS的单词

Question

我有点像n00b，但我正试图找出一种快速浏览我的html并在所有大写字母上加上<strong>标记的方法。这可以通过CSS完成，还是必须是JavaScript？无论哪种方式，方法是什么？谢谢！

Answer 1

获取元素的内容（在我的示例中为普通div），并使用正则表达式搜索带字符的单词。

var div = document.querySelector("div");
var html = div.innerHTML;
html = html.replace(/(\b[A-Z]{2,}\b)/g,"<strong>$1</strong>");
div.innerHTML = html;

关键点是字符类[A-Z]，它只接受字边界\b中包含的大写字母。

Docs for replace

Example