javascript - 脚本或 CSS 将所有大写的单词加粗

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。

的文档replace。

例子